最近有個奇葩需求,我們客戶要求按鈕要像星星一樣一閃一閃的!!!..........
<el-button type="success" class="flash animated infinite">按鈕</el-button>
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes flash { 0%, 100%, 50% { opacity: 1 } 25%, 75% { opacity: 0.4 } } @keyframes flash { 0%, 100%, 50% { opacity: 1 } 25%, 75% { opacity: 0.4 } }