在CSS中,您可以使用animation
屬性來定義動(dòng)畫,并使用play()
方法同時(shí)播放兩個(gè)動(dòng)畫,以下是一個(gè)示例:
@keyframes animation1 { 0% { background-color: red; } 50% { background-color: blue; } 100% { background-color: green; } } @keyframes animation2 { 0% { transform: rotate(0deg); } 50% { transform: rotate(180deg); } 100% { transform: rotate(360deg); } } .element { animation: animation1 5s, animation2 5s; }
在這個(gè)示例中,我們定義了兩個(gè)動(dòng)畫:animation1
和animation2
。animation1
改變背景顏色,而animation2
使元素旋轉(zhuǎn),我們將這兩個(gè)動(dòng)畫應(yīng)用到同一個(gè)元素上,并使用逗號(hào)分隔它們,這意味著兩個(gè)動(dòng)畫將同時(shí)運(yùn)行,而不會(huì)相互干擾。
版權(quán)聲明:除非特別標(biāo)注,否則均為本站原創(chuàng)文章,轉(zhuǎn)載時(shí)請(qǐng)以鏈接形式注明文章出處。