-
transition 過渡效果 translate查看全部
-
transform查看全部
-
z-index查看全部
-
position查看全部
-
text=shadow查看全部
-
box-shadow查看全部
-
制作步驟查看全部
-
css3 pic查看全部
-
transition:1s;實(shí)現(xiàn)動(dòng)畫,放在要實(shí)現(xiàn)動(dòng)畫的基本元素css里面。 瀏覽器兼容有:webkit、moz、o、ms。查看全部
-
transform實(shí)現(xiàn)盒子的旋轉(zhuǎn)、縮放倍數(shù)、扭曲元素查看全部
-
每一張都有一定的旋轉(zhuǎn)角度查看全部
-
關(guān)鍵技術(shù)點(diǎn): 1、box-shadow:陰影 功能:給元素的邊框添加陰影的效果 語法:box-shadow:X軸偏移量 Y軸偏移量 [陰影模糊半徑][陰影擴(kuò)展半徑][陰影顏色][投影方式] 2、position:給元素定位 功能:給元素定位,主要用到絕對定位 用法:position:absolute與posistion:relative 配合使用實(shí)現(xiàn)相對于包含元素(參照元素)定位 3、z-index:設(shè)置元素上下層顯示順序 功能:設(shè)置元素的上下層顯示順序 語法:Z-index:整數(shù) 注意:擁有更高堆疊順序的元素總是會(huì)處于堆疊順序較低的元素的前面 4、transform:元素變形 {rotate(旋轉(zhuǎn)角度)、scale(縮放倍數(shù))、skew(扭曲元素)} 功能:使元素變形的屬性,其配合rotate(旋轉(zhuǎn)角度)、scale(縮放倍數(shù))、skew(扭曲元素)等參數(shù)一起使用 語法: transform:rotate(旋轉(zhuǎn)角度) transform:scale(縮放倍數(shù)) 5、transition 功能:設(shè)置元素由樣式1轉(zhuǎn)變成樣式2的過程所需時(shí)間 語法:transition:durantion 注意:這只是transition其中的一種用法查看全部
-
照片墻的制作步驟: 1.放位置各異的照片 2.每張照片給一定旋轉(zhuǎn)角度 3.照片的動(dòng)畫效果(陰影,緩慢旋轉(zhuǎn),緩慢放大特效)查看全部
-
transform旋轉(zhuǎn)查看全部
-
【CSS3絢麗照片墻】關(guān)鍵技術(shù)點(diǎn): 1、box-shadow:陰影 2、position:給元素定位 3、z-index:設(shè)置元素上下層顯示順序 4、transform:元素變形。rotate(旋轉(zhuǎn)角度)scale(縮放倍數(shù))skew(扭曲元素) 5、transition設(shè)置元素由樣式1轉(zhuǎn)變成樣式2的過程所需時(shí)間。transition:durantion查看全部
舉報(bào)
0/150
提交
取消