做網(wǎng)站技術(shù)之CSS3介紹

    CSS3是CSS（層疊樣式表）技術(shù)的升級(jí)版本，于1999年開(kāi)始制訂，2001年5月23日W3C完成了CSS3的工作草案，主要包括盒子模型、列表模塊、超鏈接方式、語(yǔ)言模塊、背景和邊框、文字特效、多欄布局等模塊 。

    CSS演進(jìn)的一個(gè)主要變化就是W3C決定將CSS3分成一系列模塊。瀏覽器廠商按CSS節(jié)奏快速創(chuàng)新，因此通過(guò)采用模塊方法，CSS3規(guī)范里的元素能以不同速度向前發(fā)展，因?yàn)椴煌臑g覽器廠商只支持給定特性。但不同瀏覽器在不同時(shí)問(wèn)支持不同特性，這也讓跨瀏覽器開(kāi)發(fā)變得復(fù)雜。

    下面蘇州做網(wǎng)站的公司為您介紹CSS3 動(dòng)畫(huà)

通過(guò) CSS3，我們能夠創(chuàng)建動(dòng)畫(huà)，這可以在許多網(wǎng)頁(yè)中取代動(dòng)畫(huà)圖片、Flash 動(dòng)畫(huà)以及 JavaScript。

CSS3 @keyframes 規(guī)則

如需在 CSS3 中創(chuàng)建動(dòng)畫(huà)，您需要學(xué)習(xí) @keyframes 規(guī)則。

@keyframes 規(guī)則用于創(chuàng)建動(dòng)畫(huà)。在 @keyframes 中規(guī)定某項(xiàng) CSS 樣式，就能創(chuàng)建由當(dāng)前樣式逐漸改為新樣式的動(dòng)畫(huà)效果。

Internet Explorer 10、Firefox 以及 Opera 支持 @keyframes 規(guī)則和 animation 屬性。

Chrome 和 Safari 需要前綴 -webkit-。

注釋?zhuān)篒nternet Explorer 9，以及更早的版本，不支持 @keyframe 規(guī)則或 animation 屬性。

什么是 CSS3 中的動(dòng)畫(huà)？

動(dòng)畫(huà)是使元素從一種樣式逐漸變化為另一種樣式的效果。

您可以改變?nèi)我舛嗟臉邮饺我舛嗟拇螖?shù)。

請(qǐng)用百分比來(lái)規(guī)定變化發(fā)生的時(shí)間，或用關(guān)鍵詞 "from" 和 "to"，等同于 0% 和 100%。

0% 是動(dòng)畫(huà)的開(kāi)始，100% 是動(dòng)畫(huà)的完成。

為了得到最佳的瀏覽器支持，您應(yīng)該始終定義 0% 和 100% 選擇器。

蘇州企橋網(wǎng)絡(luò)是蘇州專(zhuān)業(yè)的做網(wǎng)站公司，致力于為企業(yè)提供企業(yè)網(wǎng)站設(shè)計(jì)和互聯(lián)網(wǎng)軟件開(kāi)發(fā)的現(xiàn)代化正規(guī)企業(yè)，為企業(yè)提供專(zhuān)業(yè)可用的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案，提供服務(wù)有：蘇州網(wǎng)站建設(shè)、蘇州做網(wǎng)站、網(wǎng)站維護(hù)運(yùn)營(yíng)推廣、域名注冊(cè)、虛擬主機(jī)、企業(yè)郵箱等產(chǎn)品。