是一個css3屬性,規定完成 (chéng)過 (guò)度姐姐姑娘效果需要花費的時間(一秒或毫秒計)。
語法:transition-duration: time;
time : 規定完成 (chéng)過 (guò)渡效果需藝術飄雪要花費的時間(以 (yǐ)秒或毫秒計)。 默認值是 0,意味著 (zhe)不會有效果。
該屬性其實是transition屬性的一個子屬性,下面 (miàn) (miàn)免費美麗總結一下css3中 (zhōng)的transition屬性:
【transition】
用于在一定的時間内平滑的過 (guò)度,這種 (zhǒng)效果可 (kě高清藝術)以 (yǐ)在鼠标單擊,獲取焦點,被 (bèi)點擊或對元素任何改變中大地動漫 (zhōng)觸發 (fā),并圓滑的以 (yǐ)動畫效果改變CSS屬性的屬性值。
從定義可 (kě)以 (yǐ)知 (zhī)道 (dào)tran免費高清sition是一個用于動畫過 (guò)度的屬性,然而 (ér)transit國語GOon屬性隻不過 (guò)是一個簡寫屬性,用于設置四個過 (guò)度屬性,這
四個過 (guò)度屬性分别是:
transition-property (執行變換的屬性 )
transition-duration (變換延續時間)
transition-timing-function (延續時間内,變換速率MV直播的變化)
transition-delay (變換延遲時間)
下面 (miàn) (miàn)來分别介紹一下各個屬性
transition-property 即用來指定當元素其中 (zhōng)藝術美麗一個屬性改變是執行transition效果
值:none(沒 (méi)有屬性改變),all(所有屬性都 (dōu)改變)或資源姑娘指定某一元素(比如color,background等屬性)。
transition-duration 是動畫執行的時間,單位(s)比如高清版GO"0.1s"也 (yě)可 (kě)以 (yǐ)寫成 (chéng)".1s",它可 (kě)以高清版飄雪 (yǐ)作用于任何元素,包括before和after僞元素。MV資源
transition-timing-function 動畫的執行方式
值:ease(逐漸慢下來),linear(勻速),ease-in(由慢到快),ease-out好姑娘姐姐(由快到慢),ease-in-out(先慢到快再到慢),cubi免費噼裡啪啦c-bezier(該值允許你去自 (zì)定義一個時間曲線)。
transition-delay 動畫延時時間基本用法與durTVMVation相同。
語法:
transition: <transition> [, <國語藝術;transition>]*
<transition> = <transition-property>GO丁香花; <transition-duration> <transi視頻丁香花tion-timing-function> <tran影院在線sition-delay>
這種 (zhǒng)寫法是比較簡單的寫法,我們也 (yě)可免費高清版 (kě)以 (yǐ)同時寫多個Transition效果,每個效果按照固定屬性的噼裡啪啦在線順序書寫如圖。
實例:
<!DOCTYPE html PUBLIC "-//W3C//DTD 高清版GOXHTML 1.0 Transitional//EN" "http://中文版國語www.w3.org/TR/xhtml1/DTD/xhtml1-
transitiona高清版視頻l.dtd">
<html xmlns="http直播高清://www.w3.org/1999/xhtml">
免費MV
<head>
<meta htt高清免費p-equiv="Content-Type" content="text/html; chars飄雪高清版et=utf-8" />
<title>大地視頻無标題文檔</title>
<style>
.fk{
影院姑娘
position:absolute;
left:0;
丁香花美麗
background:#00F;
width:50px;
height視頻在線:50px;
}
.fk:hover{
position:abs資源噼裡啪啦olute;
left:500px;
backgroun影院動漫d:#F00;
}
.fk,fk:hover{
transitiMV姐姐on:background-color 3s ease,left 3s eas國語TVe-in-out;
}
</style成全飄雪>
</head>
<body>TV成全
<div class="fk">
<div>
視頻高清
</body>
</html>
該效果將 (jiāng)以 (yǐ)一個方塊從左向 (xiàng)右國語美麗移動并改變顔色
【opacity屬性】
也 (yě)是一個css3屬性,該屬性用于設置元素的不透明度級MV美麗别,所有的浏覽器都 (dōu)支持這個屬性。
語法:opacity: value|inherit;
參數說 (shuō)明:
value :規定不透明度。從 0.0 (完全透明)到 1.0(完全不透明)。
inherit:應該從父元素繼承 opacity 屬性的值。
例如設置一個圖像的透明度:
img
{
opacity:0.4;
filter:alpha(opacity=美麗影院40); /* 針對 IE8 以 (yǐ)及更早的版本 */
}
直播成全img:hover
{
opacity:1.0;
filter:alpha(op好姑娘影院acity=100); /* 針對 IE8 以 (yǐ)及更早的版本 */
}
IE9, Firefox, Chrome, Opera 和 Safari 使用屬性 opacit在線噼裡啪啦y 來設定透明度。opacity 屬性能 (néng)夠設置的值從 0.0 到 1.0。值越藝術高清版小 (xiǎo)
,越透明。
IE8 以 (yǐ)及更早的版本使用濾鏡 filter:alp資源中文版ha(opacity=x)。x 能 (néng)夠取的值從 0 到 100。值越小 (xiǎo),大地直播越透明。