-
1.box-shadow 功能:給元素的邊框添加陰影的效果 語(yǔ)法:box-shadow:X軸偏移量 Y軸偏移量[陰影模糊半徑][陰影擴(kuò)展半徑][陰影顏色][投影方式] 2.position 功能:給元素定位,主要用到絕對(duì)定位 用法:position:absolute與posotion:reletive配合使用實(shí)現(xiàn)相對(duì)于包含原色(參照元素)定位 3.z-index: 功能:設(shè)置元素的上下層顯示順序 語(yǔ)法:z-index:整數(shù) 注意:擁有更高堆疊順序的元素總是會(huì)處于堆疊順序較低的元素的前面 4.transform: 功能:使元素變形的屬性,其配合rotate(旋轉(zhuǎn)角度,整數(shù)順時(shí)針,負(fù)數(shù)逆時(shí)針)、scale(縮放倍數(shù))、skew(扭曲元素)等參數(shù)一起使用 語(yǔ)法:transform:rotate(旋轉(zhuǎn)角度),transform:scale(縮放倍數(shù)) 5.transition: 功能:設(shè)置元素由樣式1轉(zhuǎn)變?yōu)闃邮?的過(guò)程所需時(shí)間 語(yǔ)法:transition:duration 注意:這只是transition其中的一種用法,還有其他復(fù)雜的用法請(qǐng)查看本網(wǎng)站《十天學(xué)會(huì)CSS3》課程查看全部
-
box-shadow元素第一個(gè)值左右的陰影(左為負(fù)),第二個(gè)值上下的陰影(上為負(fù)),第三個(gè)值是陰影的距離,第四個(gè)值是陰影的顏色。 要區(qū)分各個(gè)瀏覽器的不同加入前綴(—webkit— —moz—).查看全部
-
元素上下層顯示順序,擁有更高堆疊的元素總是會(huì)處于堆疊順序低的元素前面。查看全部
-
好查看全部
-
可餓OK了咯哦哦查看全部
-
transition查看全部
-
transform查看全部
-
z-index查看全部
-
position查看全部
-
box-shadow查看全部
-
box-shadow:x軸偏移量 Y軸偏移量 陰影模糊半徑 陰影擴(kuò)展半徑 陰影顏色 投影方式 position:定位 z-index:元素上下層顯示順序 transform:rotate 旋轉(zhuǎn) tramsform:scale 縮放 transition樣式一到樣式二過(guò)程時(shí)間查看全部
-
旋轉(zhuǎn) 縮放 陰影 動(dòng)畫查看全部
-
transition控制變換所需時(shí)間查看全部
-
圖片的旋轉(zhuǎn)transform查看全部
-
元素定位position查看全部
舉報(bào)
0/150
提交
取消