色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

css3動畫樣式表

錢淋西2年前8瀏覽0評論

CSS3動畫樣式表是一種強大的工具,可以幫助我們創(chuàng)建各種各樣的動態(tài)效果,使網(wǎng)頁更加生動有趣。下面將介紹一些常用的CSS3動畫樣式表。

/* 旋轉(zhuǎn)動畫 */
.rotate {
animation: rotate 1s ease-in-out infinite;
}
@keyframes rotate {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* 漸變動畫 */
.gradient {
animation: gradient 2s ease-in-out infinite;
}
@keyframes gradient {
0% {
background: #ff3366;
}
50% {
background: #33ccff;
}
100% {
background: #ff3366;
}
}
/* 平移動畫 */
.translate {
animation: translate 2s ease-in-out alternate infinite;
}
@keyframes translate {
0% {
transform: translateX(-50%);
}
100% {
transform: translateX(50%);
}
}
/* 縮放動畫 */
.scale {
animation: scale 1s ease-in-out alternate infinite;
}
@keyframes scale {
0% {
transform: scale(1);
}
100% {
transform: scale(2);
}
}
/* 閃爍動畫 */
.blink {
animation: blink 1s ease-in-out alternate-reverse infinite;
}
@keyframes blink {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}

以上是一些常用的CSS3動畫樣式表,可以根據(jù)需要進行修改和調(diào)整,以達到最佳效果。