是(shì)一(yī)個(gè)css3屬性，規定完成過度效果需→±要(yào)花(huā)費(fèi)的(d✘₹πΩe)時(shí)間(jiān)（一(yī)秒(miǎo)★δ或毫秒(miǎo)計(jì)）。
語法：transition-duration§™★: time;
time ： 規定完成過渡效果需要(yàδ÷∏$o)花(huā)費(fèi)的(de)時(shí)間✔δ(jiān)（以秒(miǎo)或毫秒(miǎo)計(jì)）。 默認值是(shì) 0，意味著• ™(zhe)不(bù)會(huì)有(yǒu♠&)效果。
該屬性其實是(shì)transition屬性的(de)一(yī)個(g®Ω•è)子(zǐ)屬性，下(xià)面總結一(yī)下(xià)css3中的(de)transiti↑♣on屬性：
【transition】
用(yòng)于在一(yī)定的(de)時(shí♣×±↓)間(jiān)內(nèi)平滑的(de)過度，這(zhè)種效果可(kě)以在鼠标單擊，獲取∑≤ €焦點，被點擊或對(duì)元素任何改變中觸發，并圓滑的(de)以動畫(hu♣≠¥à)效果改變CSS屬性的(de)屬性值。
從(cóng)定義可(kě)以知(zhī)道(dào)transition是(shì)一(yī$← )個(gè)用(yòng)于動畫(huà)過度的(de)屬性，然而transiton÷>•屬性隻不(bù)過是(shì)一(yī)個(gè)簡寫屬性，用(yòng)于設置四個(gè)過™♠度屬性，這(zhè)
四個(gè)過度屬性分(fēn)别是(shì):
transition-property (執'€行(xíng)變換的(de)屬性 )
transition-duration (變換延續時(shí£ε<)間(jiān))
transition-timing-function (延續時(shí)間∞$(jiān)內(nèi)，變換速率的(de)變化(huà))
transition-delay (變換延遲時(shí)間(jiān))
下(xià)面來(lái)分(fēn)别介紹一(yī)下(xià)♦≠各個(gè)屬性
transition-property 即用(yòng)來(lái)指定當元素♦♣其中一(yī)個(gè)屬性改變是(shì)執行(xíng)transiti&≠₹on效果
值:none(沒有(yǒu)屬性改變)，all(所↕₩<有(yǒu)屬性都(dōu)改變)或指定某一(yī)元素(比如(rú)colo>♠σr，background等屬性)。
transition-duration 是(shì)動 ≈✔×畫(huà)執行(xíng)的(de)時(shí)間(✘¶☆≈jiān)，單位(s)比如(rú)"0.1s"也(yě)可(kě)以寫成".1€∑γ↑s"，它可(kě)以作(zuò)用(yòng)于任何元素，包↑ 括before和(hé)after僞元素。
transition-timing-func→"ππtion 動畫(huà)的(de)執行(xíng)方式
值:ease(逐漸慢(màn)下(xià)來(lái))，linear(勻速)，ease-in(δ×♣由慢(màn)到(dào)快(kuài))，ease-ou™Ω∞ t(由快(kuài)到(dào)慢(màn))，ease-in-out(先慢(mà&'n)到(dào)快(kuài)再到(dào↕©σ)慢(màn))，cubic-bezier(該值允許你(nǐ)去≥∞&(qù)自(zì)定義一(yī)個(gè)時≥(shí)間(jiān)曲線)。
transition-delay 動畫(huà)延時(shí)時(₩ ₹γshí)間(jiān)基本用(yòng)法與dur<π→εation相(xiàng)同。
語法:
transition: <transition> [, <transitio∏φ✘∑n>]*
<transition> = &l↔≥♣ t;transition-property> <transition-durat ↓∏←ion> <transition-tφ♣λ✔iming-function> <transit→↔ ion-delay>
這(zhè)種寫法是(shì)比較簡單的(de)寫法，我們也(yě)可(kě)以同時(↑®≠shí)寫多(duō)個(gè)Transition效α✔€果，每個(gè)效果按照(zhào)固定屬性的(d↕₽≤e)順序書(shū)寫如(rú)圖。
實例：
<!DOCTYPE html PUBLIC¶↑ "-//W3C//DTD XHTML 1.0 Trans☆πitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhα★×tml1-
transitional.dtd">
✘•ε
<html xmlns="http://δ₩♠★www.w3.org/1999/xhtml">
↔ ©
<head>
<meta http∞↓✘¶-equiv="Content-Type" con§§∞tent="text/html; charset=$©♦♣utf-8" />
<title>無标題文(wén)檔</tπ δitle>
<styl>δe>
.fk{
pos£✔ition:absolute;
left:0;
α≈γ¶background:#00F;
width: ₽50px;
height:50pxα↑';
}
.fk:hover{☆€≥✘
position:absolute;
left:500px;
back "ground:#F00;
}
.fk,fk:hoverΩ₩®{
transition:backgroun§≤♥d-color 3s ease,left 3s ease-in-out;
}
φα¥
</style>
</head>₹
<body>
&≠♥lt;div class="fk">
<div>
¥>
</body>
</htmlβ₽>該效果将以一(yī)個(gè)方塊從(cóng)左向右移動并改變顔色
【opacity屬性】
也(yě)是(shì)一(yī)個(gè)css3屬性，該屬性用(yòng)于設置§ £元素的(de)不(bù)透明(míng)度級别，所有(yǒu)的(de)浏©覽器(qì)都(dōu)支持這(zhè)個(gè)屬性。
語法：opacity: value|inhe £♣rit;
參數(shù)說(shuō)明(míng)：
value ：規定不(bù)透明(míng)度。從(cóng) 0.0 （完全透明(míng)）>✘到(dào) 1.0（完全不(bù)透明(míng)）。
inherit：應該從(cóng)父元素繼承 opacity 屬性的(de)值。
例如(rú)設置一(yī)個(gè)圖像的(de)透明(míng)度：
img
{
opacity:0.4;
filter:alpha(opacity→λ∞≤=40); /* 針對(duì) IE8 以及更早的(de)版本 */
}
♥↑
img:hover
{
opacity:1.0;
filter:alph ♣δδa(opacity=100); /* 針對(duì) IE8₩α ₽ 以及更早的(de)版本 */
}IE9, Firefox, Chrome, Op≈γ÷era 和(hé) Safari 使用(yòng)屬性 opacity 來(lá® $≈i)設定透明(míng)度。opacity 屬性能(néng)夠設¥≥δΩ置的(de)值從(cóng) 0.0 到(dào) 1.0。值越小(xiǎo)
，越透明(míng)。
IE8 以及更早的(de)版本使用(yòng)濾鏡 filter:alp®β> ha(opacity=x)。x 能(néng)夠取的(de)值從<¥ ↑(cóng) 0 到(dào) 100。值越小(xiǎo)÷<" ，越透明(míng)。
- 上(shàng)一(yī)篇：帝國(guó)CMS數(shù)據庫語句獲取當前欄目ID∑←✔×
- 下(xià)一(yī)篇：Centos7搭建pptp一(yī)鍵安裝腳本
