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

css3 圖片走動

趙雅婷1年前7瀏覽0評論

CSS3可以實現(xiàn)很多讓人驚嘆的效果,其中之一就是圖片走動。以下是一個簡單的例子。

.mountain {
position: relative;
animation: move 5s infinite;
}
@keyframes move {
0% {
left: 0;
}
100% {
left: 100%;
}
}

以上代碼將一個名為mountain的div元素設為相對定位,并用CSS動畫讓它在5秒內從左到右慢慢移動,然后無限循環(huán)。接下來在這個div中添加一個圖片元素:

Mountain

就可以得到一個讓人驚嘆的效果,一座群山從你的屏幕左側慢慢走過,仿佛你正在駕駛一輛車通過群山。

這只是CSS3中的一個小例子,它顯示了CSS3對于網站設計中的圖片動畫效果所能提供的巨大可能性。借助這樣的功能,我們可以為我們的頁面添加更加生動和吸引人的元素。