做(zuò)網站(zhàn)技(jì)術(shù)之CSS3介紹

做(zuò)網站(zhàn)技(jì)術(shù)之CSS3介紹

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

    CSS演進的一個(gè)主要變化就是W3C決定将CSS3分成一系列模塊。浏覽器(qì)廠商按CSS節奏快速創新，因此通(tōng)過采用模塊方法，CSS3規範裏的元素能以不同速度向前發展，因為(wèi)不同的浏覽器(qì)廠商隻支持給定特性。但(dàn)不同浏覽器(qì)在不同時(shí)問支持不同特性，這也讓跨浏覽器(qì)開(kāi)發變得(de)複雜。

    下面蘇州做(zuò)網站(zhàn)的公司為(wèi)您介紹CSS3 動畫(huà)

通(tōng)過 CSS3，我們能夠創建動畫(huà)，這可(kě)以在許多(duō)網頁中取代動畫(huà)圖片、Flash 動畫(huà)以及 JavaScript。

CSS3 @keyframes 規則

如需在 CSS3 中創建動畫(huà)，您需要學習 @keyframes 規則。

@keyframes 規則用于創建動畫(huà)。在 @keyframes 中規定某項 CSS 樣式，就能創建由當前樣式逐漸改為(wèi)新樣式的動畫(huà)效果。

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

Chrome 和(hé) Safari 需要前綴 -webkit-。

注釋：Internet Explorer 9，以及更早的版本，不支持 @keyframe 規則或 animation 屬性。

什麽是 CSS3 中的動畫(huà)？

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

您可(kě)以改變任意多(duō)的樣式任意多(duō)的次數(shù)。

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

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

為(wèi)了得(de)到最佳的浏覽器(qì)支持，您應該始終定義 0% 和(hé) 100% 選擇器(qì)。

蘇州企橋網絡是蘇州專業的做(zuò)網站(zhàn)公司，緻力于為(wèi)企業提供企業網站(zhàn)設計(jì)和(hé)互聯網軟件開(kāi)發的現代化正規企業，為(wèi)企業提供專業可(kě)用的互聯網營銷解決方案，提供服務有(yǒu)：蘇州網站(zhàn)建設、蘇州做(zuò)網站(zhàn)、網站(zhàn)維護運營推廣、域名注冊、虛拟主機、企業郵箱等産品。