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