久久久久久久视色,久久电影免费精品,中文亚洲欧美乱码在线观看,在线免费播放AV片

<center id="vfaef"><input id="vfaef"><table id="vfaef"></table></input></center>

    <p id="vfaef"><kbd id="vfaef"></kbd></p>

    
    
    <pre id="vfaef"><u id="vfaef"></u></pre>

      <thead id="vfaef"><input id="vfaef"></input></thead>

    1. 站長(zhǎng)資訊網(wǎng)
      最全最豐富的資訊網(wǎng)站

      css怎樣緩慢改變?cè)馗叨?/a>

      方法:1、利用“元素{animation:名稱 時(shí)間}”語(yǔ)句給元素綁定動(dòng)畫,并設(shè)置動(dòng)畫所需的時(shí)間;2、利用“@keyframes 名稱{100%{height:改變后高度值;}}”語(yǔ)句,設(shè)置改變?cè)馗叨鹊膭?dòng)畫動(dòng)作,實(shí)現(xiàn)緩慢改變?cè)馗叨刃Ч?/p>

      css怎樣緩慢改變?cè)馗叨?/></p>
<p>本教程操作環(huán)境:windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。</p>
<p><strong><span style=css怎樣緩慢改變?cè)馗叨?/span>

      在css中,可以利用animation屬性和@keyframes 規(guī)則來(lái)實(shí)現(xiàn)元素縮放的動(dòng)畫效果,通過 @keyframes 規(guī)則,能夠創(chuàng)建動(dòng)畫。

      創(chuàng)建動(dòng)畫的原理是,將一套 CSS 樣式逐漸變化為另一套樣式。在動(dòng)畫過程中,您能夠多次改變這套 CSS 樣式。

      以百分比來(lái)規(guī)定改變發(fā)生的時(shí)間,或者通過關(guān)鍵詞 "from" 和 "to",等價(jià)于 0% 和 100%。0% 是動(dòng)畫的開始時(shí)間,100% 動(dòng)畫的結(jié)束時(shí)間。為了獲得最佳的瀏覽器支持,您應(yīng)該始終定義 0% 和 100% 選擇器。

      利用height屬性設(shè)置動(dòng)畫的動(dòng)作。該屬性用于設(shè)置元素的高度。

      animation屬性的語(yǔ)法格式如下:

      animation: name duration timing-function delay iteration-count direction;

      css怎樣緩慢改變?cè)馗叨?/></p>
<p>示例如下:</p>
<pre><!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport" content="width=device-width, initial-scale=1.0">     <meta http-equiv="X-UA-Compatible" content="ie=edge">     <title>Document</title>     <style>         div{             width:100px;             height:100px;             background-color:pink;             animation:fadenum 5s;         }         @keyframes fadenum{    100%{height:300px;} }     </style> </head> <body>     <div></div> </body> </html></pre>
<p>輸出結(jié)果:</p>
<p><img src= 贊(0)

      分享到: 更多 (0)
      網(wǎng)站地圖   滬ICP備18035694號(hào)-2    滬公網(wǎng)安備31011702889846號(hào)