vue animation问题
发布于 7 年前 作者 1348505061 3554 次浏览 最后一次编辑是 7 年前 来自 问答
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利

想实现一个简单的动画,vue-cli已经使用postcss自动补全前缀,电脑可以正常执行,但是手机端死活不执行,手机浏览器版本最新。求大牛解答 .section span { display: block; width: 24px; height: 24px; border-left: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg); animation-name: sdb; animation-duration: 2s; animation-iteration-count: infinite; } .section span:nth-of-type(1) { animation-delay: 0s; } .section span:nth-of-type(2) { margin-top: -10px; animation-delay: .15s; } .section span:nth-of-type(3) { margin-top: -10px; animation-delay: .3s; } @keyframes sdb { 0% { opacity: 0; } 50% { opacity: 1; } 100% { opacity: 0; } }

回到顶部