深圳市金黑网络技术有限公司始终坚持以用户需求为导向,提供安全、稳定、高效的产品和服务!
签到 · 搜索导航 · 服务热线 · 微信/手机:17817817816

深圳网站建设

查看: 331|回复: 0

CSS3实现投影效果代码

[复制链接]

UID
1
贡献
844
金币
1540
主题
520
在线时间
331 小时
注册时间
2022-1-15
最后登录
2024-2-17
QQ
发表于 2023-2-7 14:35:15 | 331 | 0 | 显示全部楼层 |阅读模式
CSS3实现投影效果代码

  1. .reflect1 {
  2.       -webkit-box-reflect:below;
  3. }
  4. .reflect2{
  5.       -webkit-box-reflect:below 10px;
  6. }
  7. .reflect3{
  8.      -webkit-box-reflect:below 5px
  9.                         -webkit-gradient(linear,left top,left bottom,
  10.                          from(transparent),
  11.                          color-stop(0.5,transparent),to(white));
  12. }
复制代码


楼主热帖

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

快速回复 返回顶部 返回列表