Css3動畫屬性是哪個

這篇文章主要介紹了Css3動畫屬性是哪個，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

創(chuàng)新互聯(lián)建站主營定海網站建設的網絡公司,主營網站建設方案,重慶APP軟件開發(fā),定海h5小程序設計搭建,定海網站營銷推廣歡迎定海等地區(qū)企業(yè)咨詢

Transform動畫屬性

transform屬性向元素應用2D或3D轉換。該屬性允許我們對元素進行旋轉、縮放、移動或傾斜。

rotate3d(x,y,z,angle)x,y,z那個屬性1就圍繞那個軸轉動角度deg

<!doctypehtml>

<html>

<head>

<metacharset="utf-8">

<title>無標題文檔</title>

<linkhref="css/index.css"rel="stylesheet"type="text/css"/>

</head>

<styletype="text/css">

margin:0px;

padding:0px;

}

img{display:block;}

.wrap{

border:1pxsolid#ff0000;

width:380px;

height:565px;

margin:0auto;

position:relative;

top:50px;

-webkit-animation:upDown2slinearinfinite;

}

@-webkit-keyframesupDown{

0%{-webkit-transform:translateY(0);}

50%{-webkit-transform:translateY(20px);}

100%{-webkit-transform:translateY(0px);}

}

@-webkit-keyframesrota_head{

0%{-webkit-transform:rotate(0);}

50%{-webkit-transform:rotate(-5deg);}

100%{-webkit-transform:rotate(0);}

}

.head{

border:1pxsolid#ff0000;

position:absolute;

top:10px;

left:0;

z-index:1;

-webkit-animation:rota_head2slinearinfinite;

}

@-webkit-keyframeseye_open{

0%{opacity:1;}

85%{opacity:1;}

90%{opacity:0;}

100%{opacity:1;}

}

.eye_open{

position:absolute;

top:25px;

left:40px;

-webkit-animation:eye_open2slinearinfinite;

}

@-webkit-keyframeseye_close{

0%{opacity:0;}

85%{opacity:0;}

90%{opacity:1;}

100%{opacity:0;}

}

.eye_close{

position:absolute;

top:37px;

left:40px;

-webkit-animation:eye_close2slinearinfinite;

}

.body{

position:absolute;top:25px;left:8px;

}

.foot{position:absolute;left:8px;bottom:0px;}

</style>

<body>

<div>

<imgsrc="imgs/sprite_43.png"alt="">

<imgsrc="imgs/shape_45.png"alt="">

<imgsrc="imgs/shape_46.png"alt="">

</div>

<div>

<imgsrc="imgs/sprite_40.png">

</div>

<div>

<imgsrc="imgs/shape_41.png">

</div>

</body>

</html>

感謝你能夠認真閱讀完這篇文章，希望小編分享的“Css3動畫屬性是哪個”這篇文章對大家有幫助，同時也希望大家多多支持創(chuàng)新互聯(lián)，關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，更多相關知識等著你來學習!

網站題目：Css3動畫屬性是哪個
網頁鏈接：http://m.rwnh.cn/article38/jejpsp.html

成都網站建設公司_創(chuàng)新互聯(lián)，為您提供關鍵詞優(yōu)化、ChatGPT、電子商務、品牌網站制作、品牌網站建設、虛擬主機

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內容

内射老阿姨1区2区3区4区_久久精品人人做人人爽电影蜜月_久久国产精品亚洲77777_99精品又大又爽又粗少妇毛片

Css3動畫屬性是哪個