(1)值:perspective: number|none,
number:元素距離檢視的距離,以畫素計。
none:預設值,與 0 相同,不設定透視。
(2)屬性:3d立體檢視的可視效果,近大遠小
(3)實現方式
方式一:寫在所有的動畫元素的父元素上
.parentsrtyle
方式二:寫在當前元素上
#parentstyle .childrenstyle
flat:平面,2d效果
preserve-3d:3d效果
translate(x軸平移的值,y軸平移的值,z軸平移的值)(2d的效果去掉z軸),
translatex(繞x軸平移的值),
translatey(繞y軸平移的值),
translatez(繞z軸平移的值)
rotate(x軸旋轉的值,y軸旋轉的值,z軸旋轉的值)(2d的效果去掉z軸),
rotatex(繞x軸旋轉的值),
rotatey(繞y軸旋轉的值),
rotatez(繞z軸旋轉的值)
scale(x軸縮放的值,y軸縮放的值,z軸縮放的值)(2d的效果去掉z軸),
scalex(繞x軸縮放的值),
scaley(繞y軸縮放的值),
scalez(繞z軸縮放的值)
css css3總結(二)屬性
所有主流瀏覽器都支援 overflow 屬性。注釋 任何的版本的 internet explorer 包括 ie8 都不支援屬性值 inherit overflow 屬性規定當內容溢位元素框時發生的事情。這個屬性定義溢位元素內容區的內容會如何處理。如果值為 scroll,不論是否需要,使用者 都會提...
css CSS3中的單位
from css3中的單位 css3中引入了一些新的單位 ch 字元0 零 的寬度 rem 根元素 html元素 的font size vw viewpoint width,視窗寬度,1vw等於視窗寬度的1 vh viewpoint height,視窗高度,1vh等於視窗高度的1 vmin vw和v...
CSS CSS3常用的樣式
強制文字顯示 讓一段文字在固定寬度在一行顯示,最後乙個字元為省略標記 css樣式如下 單行顯示語法 white space nowrap div效果 多行文字最後省略號 div效果 位置,置左 位置,置中 設定 邊框大小 使用數字 設定 的背景顏色 設定 邊框的顏色 設定 暗邊框的顏色 設定 亮邊框...