css3怎么讓寬度過(guò)渡效果顯示從右到左增長(zhǎng)還有中間向兩邊增長(zhǎng)
2 回答
慢l慢
TA貢獻(xiàn)22條經(jīng)驗(yàn) 獲得超3個(gè)贊
? background: #0575E6; /* fallback for old browsers */
?background: -webkit-linear-gradient(to left, #0575E6 , #021B79); /* Chrome 10-25, Safari 5.1-6 */?
background: linear-gradient(to left, #0575E6 , #021B79); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ ? ??
to left：
設(shè)置漸變?yōu)閺挠业阶蟆?/p>
to right：
設(shè)置漸變從左到右。
to top：
設(shè)置漸變從下到上。
to bottom：
設(shè)置漸變從上到下。
? ??
從中間向兩邊用百分比來(lái)設(shè)置顏色位置：
background: -webkit-linear-gradient(to left, ?#0575E6 0% , #021B79 50%, #021B79 51%,#0575E6 100% ); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to left, #0575E6 0% , #021B79 50%, #021B79 51%,#0575E6 100% ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
-
歐羅巴皇兄弟我問(wèn)得是寬度的動(dòng)畫啊 -
慢l慢div{ float: left; width: 10px; background: blue; transition:width 2s; -moz-transition:width 2s; /* Firefox 4 */ -webkit-transition:width 2s; /* Safari and Chrome */ -o-transition:width 2s; /* Opera */ } div：hover { width:300px; } float不設(shè)置或者設(shè)置為left從左向右展開(kāi)，設(shè)置為right則從右向左展開(kāi)，雙向不知道，研究研究。
添加回答
舉報(bào)
0/150
提交
取消