13篇文章 · 10584字 · 2人關(guān)注
-
CSS中的步進(jìn)函數(shù)
CSS的動(dòng)畫(huà)過(guò)程中可以使用貝塞爾曲線等函數(shù)指定緩動(dòng)的動(dòng)畫(huà)動(dòng)作烈掠，還可以指定過(guò)渡中的每一步驟的狀態(tài)羞秤，這種應(yīng)用場(chǎng)景通常在創(chuàng)建定格動(dòng)畫(huà)的時(shí)候，比如一個(gè)D...
-
CSS中的過(guò)渡動(dòng)畫(huà)
過(guò)渡是一種動(dòng)畫(huà)瘾蛋，是從一種狀態(tài)過(guò)渡到另一種狀態(tài)，在過(guò)渡前哺哼，瀏覽器會(huì)計(jì)算頁(yè)面的新頁(yè)面結(jié)構(gòu)以及完成重繪，過(guò)渡會(huì)自動(dòng)雙向運(yùn)行叼风，因此只要狀態(tài)一反轉(zhuǎn)取董，反向動(dòng)...
-
CSS的二維變換在CSS變換中茵汰，支持頁(yè)面中平移、旋轉(zhuǎn)孽鸡、變形和縮放元素蹂午。變換改變的是元素所在的坐標(biāo)系統(tǒng)，同時(shí)豆胸，我們可以使用它在視口的坐標(biāo)來(lái)描述其位置，比如：距頁(yè)面...
-
CSS嵌入圖片的處理方式以及可保持寬高比的容器雖然漸變可以替代外部的圖片晚胡，但是他本身也有可能會(huì)影響性能，特別是資源有限的設(shè)備上，比如：移動(dòng)端就需要盡量的減少使用漸變搬泥。 1桑寨、可伸縮的圖片模式 ...
-
CSS中的漸變——線性漸變1忿檩、前言 CSS提供了一種繪制漸變圖的機(jī)制，這個(gè)漸變的機(jī)制可以接受任何圖片的屬性聯(lián)合使用燥透，包括background-image沙咏，我們可以嘗試使用...
-
CSS中的邊框與圓角
1班套、邊框半徑：圓角 2肢藐、更復(fù)雜的圓角語(yǔ)法 分別設(shè)置每個(gè)圓角的半徑，即從左上角開(kāi)始吱韭，按順時(shí)針?lè)较蛞来瘟谐龈鱾€(gè)值吆豹。 如果希望每個(gè)角設(shè)置成非對(duì)稱的理盆，也...
-
CSS中的背景圖片的知識(shí)點(diǎn)深度在理解css的背景圖片之前需要清楚兩個(gè)問(wèn)題，在什么情況下去使用css的背景圖片猿规？又在什么情況下去使用img標(biāo)簽的內(nèi)容圖片衷快？html中專門(mén)有一個(gè)i...
-
CSS3中的過(guò)渡動(dòng)畫(huà)以及添加動(dòng)畫(huà)規(guī)則之前的網(wǎng)頁(yè)實(shí)現(xiàn)動(dòng)畫(huà)效果必須依賴Flash或js姨俩，CSS3動(dòng)畫(huà)效果屬性主要分為三類：過(guò)渡蘸拔、變換环葵、動(dòng)畫(huà)调窍。但是這些CSS屬性在Android和iOS上...
-
文字的一些特效
css的text-shadow屬性可以用來(lái)給文本繪制陰影张遭，大量的使用文本陰影會(huì)降低可讀性邓萨，對(duì)于標(biāo)題或短文本，給文字添加陰影非常適合模擬凸版印刷或...
