業(yè)務(wù)需求，需要做一個(gè)打車軟件，等車效果，于是用css3自己簡(jiǎn)單寫(xiě)了一個(gè)！分享出來(lái)大家參考！

<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>

圖片素材

總結(jié)

以上是生活随笔為你收集整理的css3 打车软件等车动画，简单一个渐变放大消失水波加载动画的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。