CSS可以為網(wǎng)頁添加動(dòng)態(tài)圖像，使其更加生動(dòng)有趣。以下是加動(dòng)圖的具體步驟：
<style>
.container{
animation: move 2s infinite;
}
@keyframes move{
0% {transform: translateX(0);}
50% {transform: translateX(100px);}
100% {transform: translateX(0);}
}
</style>首先，在HTML文件中創(chuàng)建一個(gè)
元素并為其分配一個(gè)類 “container”：
<div class="container"></div>然后，在CSS文件中定義動(dòng)畫效果。在此例中，一個(gè)名為“move”的keyframe被定義，并且“container”類被賦予了這個(gè)動(dòng)畫，并且被設(shè)置為無限循環(huán)：
然后，使用transform屬性和translateX()函數(shù)來定義元素的移動(dòng)方向和距離。在此示例中，元素將在2秒內(nèi)從左到右移動(dòng)100px，并在達(dá)到50%的時(shí)間點(diǎn)時(shí)達(dá)到其最大偏移值，之后再次返回。
上一篇css如何去掉邊緣線
下一篇ajax地址欄里的url