中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

9、Resize

只有Firefox 4和Safari 3支持此屬性。Resize是CSS3 UI模型中的一部分，可用于重定義textarea的大小。

<textarea id=”elem” rows=”5″ cols=”50″></textarea>

默認(rèn)情況下webkit瀏覽器和Firefox 4支持水平和垂直方向上的重定義。

textarea { 
-moz-resize: vertical; 
-webkit-resize: vertical; 
resize: vertical; 
}

可能的值：

both:	重定義水平和垂直方向
horizontal:	水平調(diào)整大小限制
vertical:	垂直調(diào)整大小限制
none:	不支持重定義

10、Transition

也許CSS3最令人興奮的增補(bǔ)，就是在沒(méi)有 JavaScript 的元素的情況下產(chǎn)生動(dòng)畫(huà)。

好像IE9還不支持此功能，但這并不代表你不能使用這個(gè)功能，關(guān)鍵是在于提高技能。

現(xiàn)在模仿一個(gè)效果，當(dāng)鼠標(biāo)滑過(guò)右側(cè)鏈接時(shí)，文本向右滑動(dòng)。

The HTML

<ul> 
<li> 
<a href=”#”> Hover Over Me </a> 
</li> 
<li> 
<a href=”#”> Hover Over Me </a> 
</li> 
<li> 
<a href=”#”> Hover Over Me </a> 
</li> 
<li> 
<a href=”#”> Hover Over Me </a> 
</li> 
</ul>

The CSS

ul a { 
-webkit-transition: padding .4s; 
-moz-transition: padding .4s; 
-o-transition: padding .4s; 
transition: padding .4s; 
} 
a:hover { 
padding-left: 6px; 
}

出處：藍(lán)色理想
責(zé)任編輯：bluehearts

上一頁(yè) 你需要熟知10個(gè)的CSS3屬性 [8] 下一頁(yè) 你需要熟知10個(gè)的CSS3屬性 [10]

◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。