国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

CSS3動畫animation實現云彩向左滾動

2024-07-11 08:30:58
字體：大 中 小
來源：轉載
供稿：網友
實現的圖像動畫效果大致是這樣的：云彩向左滾動！
 
【代碼效果】

復制代碼
代碼如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS3動畫animation實現漂浮的云</title>
<style type="text/css">
html,body {
padding: 0;
margin: 0;
}
.wrap {
height: 190px;
width: 600px;
margin: 150px auto 0;
background: url('bg-clouds.png');
-webkit-animation:cloud 40s linear infinite;
-o-animation:cloud 40s linear infinite;
}
@-webkit-keyframes cloud {
from{background-position:0% 0%}
to{background-position:50% 50%}
}
</style>
</head>
<body>
<div class="wrap"></div>
</body>
</html>

【用到的素材】

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 勐海县| 加查县| 桐柏县| 敦化市| 建湖县| 玛曲县| 左云县| 剑河县| 根河市| 诸暨市| 长垣县| 博客| 安西县| 延川县| 互助| 渭南市| 鄄城县| 楚雄市| 隆尧县| 广东省| 凌海市| 宁远县| 巴青县| 前郭尔| 公主岭市| 庆元县| 福建省| 南召县| 鄂州市| 灵川县| 淮滨县| 瑞安市| 红桥区| 日土县| 竹山县| 剑阁县| 乃东县| 隆回县| 万宁市| 惠东县| 洞头县|