请选择 进入手机版 | 继续访问电脑版
 找回密码
 立即注册

QQ登录

只需一步,快速开始

高级会员

36

主题

169

帖子

1097

积分

高级会员

菜🐸

积分
1097

时代开发者征文活动


高级会员   /  发表于:2024-7-3 13:07  /   查看:313  /  回复:3
纯 CSS 实现的的3种扫光效果 - 掘金
https://juejin.cn/post/7385935890931712019


  1. .shark-wrap::after{
  2.   content: '';
  3.   position: absolute;
  4.   inset: -20%;
  5.   background: linear-gradient(45deg, rgba(255,255,255,0) 40%, rgba(255, 255, 255, 0.7), rgba(255,255,255,0) 60%);
  6.   animation: shark-wrap 2s infinite;
  7.   transform: translateX(-100%);
  8. }
  9. @keyframes shark-wrap {
  10.   to {
  11.     transform: translateX(100%);
  12.   }
  13. }
复制代码
图片.png769751281.png

2024-07-03_13-06-46.gif


3 个回复

倒序浏览
遇见未知的自己
银牌会员   /  发表于:2024-7-3 14:10:24
沙发
感谢分享,学习了
回复 使用道具 举报
stranger
高级会员   /  发表于:2024-7-3 23:41:55
板凳
这个好,收藏了
回复 使用道具 举报
137294886
金牌服务用户   /  发表于:2024-7-4 09:19:56
地板
感谢分享,学习了
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部