css3 打车软件等车动画，简单一个渐变放大消失水波加载动画

业务需求，需要做一个打车软件，等车效果，于是用css3自己简单写了一个！分享出来大家参考！

<style>.ea55_jiazaiquan{text-align: center; position:relative; width: 200px;height: 200px;}.ea55_jiazaiquan_box{ opacity: 0;border-radius:50%;width: 40px; height: 40px;-webkit-animation: scaleOut 3s 2s infinite ease;animation: scaleOut 3s 2s infinite ease;margin-top: 100px;}@-webkit-keyframes scaleOut {0% {transform: scale(1.0);opacity: 1;}90% {transform: scale(1.15);opacity: 0;width: 200px; height: 200px;margin-top: 0px;}99% {width: 40px; height: 40px;opacity: 0;}100% {opacity: 0;}}</style><div class="ea55_jiazaiquan"><img class="ea55_jiazaiquan_box" src="round.png"></div>

图片素材

总结

以上是生活随笔为你收集整理的css3 打车软件等车动画，简单一个渐变放大消失水波加载动画的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。