当前位置： 首页 > Web前端 > HTML

css+html实现一个简单的SkeletonScreen-loadingplaceholderimage（带动画）

时间：2023-04-02 19:38:57 HTML

效果在源码html中从上到下淡化，使用angular语法，只要简单修改一下，就可以变成你需要的语法

css.skeletonItem{padding:16px;border-bottom:3pxsolid#eee;}.skeletonText{高度：16px；#e2e2e2;顶部边距：12px；边界半径：4px；}.skeletonText:first-child{margin-top:0;}.anim-opacity2{动画：1.5sopacity20sinfinite;-延迟：0s；}.animation-delay1{动画延迟：0.5s;}.animation-delay2{动画延迟：1s;}@keyframesopacity2{0%{opacity:0.5}50%{opacity:1;}100%{不透明度：0.5；}}欢迎小伙伴点赞收藏，想用的时候可以复制

css+html实现一个简单的SkeletonScreen-loadingplaceholderimage（带动画）相关文章
最新推荐
猜你喜欢

Copyright © 2012-2022 程序源 版权所有豫ICP备2022028201号

重要申明：本站所有的文章、图片、评论等，均由网友发表或上传并维护或收集自网络，属个人行为，与本站立场无关。 如果侵犯了您的权利，请与我们联系，我们将在24小时内进行处理、任何非本站因素导致的法律后果，本站均不负任何责任。