登录/注册

首页 › 活字格专区 › 格友杂谈 › 查看内容

36 主题	169 帖子	1091 积分

菜🐸

积分: 1091

7088
金币
36
主题
169
帖子

最新发帖

[资源分享] 纯 CSS 实现的的3种扫光效果

胡
高级会员 / 发表于：2024-7-3 13:07 / 查看：296 / 回复：3

纯 CSS 实现的的3种扫光效果 - 掘金
https://juejin.cn/post/7385935890931712019

.shark-wrap::after{
content: '';
position: absolute;
inset: -20%;
background: linear-gradient(45deg, rgba(255,255,255,0) 40%, rgba(255, 255, 255, 0.7), rgba(255,255,255,0) 60%);
animation: shark-wrap 2s infinite;
transform: translateX(-100%);
}
@keyframes shark-wrap {
to {
transform: translateX(100%);
}
}

复制代码

图片.png769751281.png

收藏

回复

3 个回复

倒序浏览

遇见未知的自己
银牌会员 / 发表于：2024-7-3 14:10:24 沙发

感谢分享，学习了

回复 使用道具举报

stranger
高级会员 / 发表于：2024-7-3 23:41:55 板凳

这个好，收藏了

回复 使用道具举报

137294886
金牌服务用户 / 发表于：2024-7-4 09:19:56 地板

感谢分享，学习了

回复 使用道具举报