IE10是微軟公司推出的一款瀏覽器,相比于其前身IE9,IE10在CSS的過(guò)渡色上做了一些改進(jìn)。下面我們來(lái)看一下在IE10中如何使用CSS過(guò)渡色。
首先,我們需要使用CSS3的屬性“transition”來(lái)定義過(guò)渡效果。例如,下面的代碼就定義了一個(gè)3秒鐘的顏色過(guò)渡效果:
.button { background-color: #337ab7; transition: background-color 3s; } .button:hover { background-color: #5cb85c; }
在IE10中,我們還可以使用“-ms-transition”屬性來(lái)定義過(guò)渡效果,如下所示:
.button { background-color: #337ab7; -ms-transition: background-color 3s; } .button:hover { background-color: #5cb85c; }
需要注意的是,在IE10中,“-ms-transition”屬性只是一個(gè)別名,它的實(shí)現(xiàn)和“transition”是一樣的。
此外,在IE10中,我們還可以使用CSS3的屬性“-ms-transition-delay”來(lái)定義過(guò)渡的延遲時(shí)間,如下所示:
.button { background-color: #337ab7; transition: background-color 3s; -ms-transition-delay: 1s; } .button:hover { background-color: #5cb85c; }
這樣,當(dāng)鼠標(biāo)移開(kāi)后1秒鐘,背景色才會(huì)開(kāi)始過(guò)渡到新的顏色。
總之,在IE10中使用CSS過(guò)渡色是非常簡(jiǎn)單的,我們只需要像在其他瀏覽器中一樣使用“transition”屬性就可以了。而“-ms-transition”屬性和“-ms-transition-delay”屬性的使用也是類(lèi)似的。
上一篇ie11 ie8 css
下一篇mysql5.5可視化