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

添加多重變換

因?yàn)橐粋�(gè)變換就是一個(gè)CSS屬性，如果你在同一個(gè)CSS規(guī)則中添加多個(gè)變換的實(shí)例，那么最后的那個(gè)將會(huì)覆蓋前面的，而不是添加它們。所以在下面的規(guī)則中，唯一的變換將是背景色彩：

a:hover {
  color: red;
  background-color: rgb(235,235,185);
  -webkit-transition: color .25s linear;
  transition: color .25s linear;
  transition: background-color .15s linear .1;
}

當(dāng)然，這并不是說(shuō)，不能添加多重變換——多重變換可以在同一個(gè)變換屬性定義中用逗號(hào)隔開：

a:hover {
  color: red;
  background-color: rgb(235,235,185);
   -webkit-transition: color .25s linear, background-color .15s linear .1s;
  transition: color .25s linear, background-color .15s linear .1s;
 }

這條定義將產(chǎn)生色彩和背景色的雙重變換。

什么可以被變換？

幾乎所有的有色彩、大小或位置等組件的CSS屬性，包括許多新添加的CSS 3屬性， 都可以應(yīng)用變換。一個(gè)值得注意的例外是box-shadow。

來(lái)自W3C的變換的說(shuō)明，這里是一個(gè)可以賦予變換的CSS屬性的列表，附帶轉(zhuǎn)變的對(duì)象，我也高亮了一些比較有用的屬性。

CSS屬性	改變的對(duì)象
background-color	色彩
background-image	只是漸變
background-position	百分比，長(zhǎng)度
border-bottom-color	色彩
border-bottom-width	長(zhǎng)度
border-color	色彩
border-left-color	色彩
border-left-width	長(zhǎng)度
border-right-color	色彩
border-right-width	長(zhǎng)度
border-spacing	長(zhǎng)度
border-top-color	色彩
border-top-width	長(zhǎng)度
border-width	長(zhǎng)度
bottom	百分比，長(zhǎng)度
color	色彩
crop	百分比
font-size	百分比，長(zhǎng)度
font-weight	數(shù)字
grid-*	數(shù)量
height	百分比，長(zhǎng)度
left	百分比，長(zhǎng)度
letter-spacing	長(zhǎng)度
line-height	百分比，長(zhǎng)度，數(shù)字
margin-bottom	長(zhǎng)度
margin-left	長(zhǎng)度
margin-right	長(zhǎng)度
margin-top	長(zhǎng)度
max-height	百分比，長(zhǎng)度
max-width	百分比，長(zhǎng)度
min-height	百分比，長(zhǎng)度
min-width	百分比，長(zhǎng)度
opacity	數(shù)字
outline-color	色彩
outline-offset	整數(shù)
outline-width	長(zhǎng)度
padding-bottom	長(zhǎng)度
padding-left	長(zhǎng)度
padding-right	長(zhǎng)度
padding-top	長(zhǎng)度
right	百分比，長(zhǎng)度
text-indent	百分比，長(zhǎng)度
text-shadow	陰影
top	百分比，長(zhǎng)度
vertical-align	百分比，長(zhǎng)度，關(guān)鍵詞
visibility	可見(jiàn)性
width	百分比，長(zhǎng)度
word-spacing	百分比，長(zhǎng)度
z-index	正整數(shù)
zoom	數(shù)字

出處：前端觀察
責(zé)任編輯：bluehearts

上一頁(yè) CSS3變換入門 [3] 下一頁(yè) CSS3變換入門 [5]

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