hd老熟女bbn老淑女,北条麻妃在线一区二区

国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

CSS3中的animation-name屬性怎么用

青燈夜游

發(fā)布： 2019-01-31 10:37:14

原創(chuàng)

4396人瀏覽過(guò)

CSS3中的animation-name屬性的用法：【animation-name: keyframename|none】。該屬性用來(lái)給@keyframes動(dòng)畫(huà)規(guī)定名稱(chēng)。

CSS3中的animation-name屬性怎么用

css3 animation-name屬性

作用：animation-name 屬性為 @keyframes 動(dòng)畫(huà)規(guī)定名稱(chēng)。

語(yǔ)法：

animation-name: keyframename|none;

登錄后復(fù)制

keyframename：規(guī)定需要綁定到選擇器的 keyframe 的名稱(chēng)。

none：規(guī)定無(wú)動(dòng)畫(huà)效果（可用于覆蓋來(lái)自級(jí)聯(lián)的動(dòng)畫(huà)）。

立即學(xué)習(xí)“前端免費(fèi)學(xué)習(xí)筆記（深入）”；

注：需始終設(shè)置 animation-duration 屬性，否則當(dāng)時(shí)長(zhǎng)為 0時(shí)，就不會(huì)播放動(dòng)畫(huà)了。

css3 animation-name屬性的使用示例

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:100px;
height:100px;
background:red;
position:relative;
animation-name:mymove;
animation-duration:5s;

/* Safari and Chrome */
-webkit-animation-name:mymove;
-webkit-animation-duration:5s;
}

@keyframes mymove
{
from {left:0px;}
to {left:200px;}
}

@-webkit-keyframes mymove /* Safari and Chrome */
{
from {left:0px;}
to {left:200px;}
}
</style>
</head>
<body>

<p><strong>注釋?zhuān)?lt;/strong>Internet Explorer 9 以及更早的版本不支持 animation-name 屬性。</p>

<div></div>

<p><b>注釋?zhuān)?lt;/b>始終規(guī)定 animation-duration 屬性，否則時(shí)長(zhǎng)為 0，就不會(huì)播放動(dòng)畫(huà)了。</p>

</body>
</html>

登錄后復(fù)制

效果圖：