-
關(guān)鍵點(diǎn)兩個(gè)： 1：使用頁面元素安排原圖片集的樣式 2：利用css代替js代碼實(shí)現(xiàn)動(dòng)態(tài)的變化效果查看全部
-
css想替代JavaScript的功能查看全部
-
很不錯(cuò)的實(shí)例查看全部
-
transform:rotate(旋轉(zhuǎn)角度）scale(縮放倍數(shù)）查看全部
-
box-shadow查看全部
-
transform-style:preserve-3d查看全部
-
恩，好的查看全部
-
transform查看全部
-
1. box-shadow：給元素的邊框添加陰影的效果 2. position：給元素定位，主要用到絕對(duì)定位 3. z-index:設(shè)置元素的上下層顯示 4. transition：設(shè)置元素由樣式1轉(zhuǎn)變?yōu)闃邮?的過程所需時(shí)間 border-radius 該屬性允許您為元素添加圓角邊框！ 5. transform：使元素變形的屬性，其配合rotate(旋轉(zhuǎn)角度)、scale(改變大小)、skew(扭曲元素)等參數(shù)一起使用 6.使用絕對(duì)定位position:absolute將照片放在不同的位置查看全部
-
box-shadow 邊框添加陰影效果 position 給元素定位 z-index 設(shè)置元素上下層顯示 transform 是元素變形的屬性，配合rotate旋轉(zhuǎn)/scale改變大小 -webkit-是Chrome和Safar瀏覽器的前綴； -moz-是Firefox瀏覽器的前綴； transition設(shè)置樣式轉(zhuǎn)變所需時(shí)間查看全部
-
trasition查看全部
-
box-shodow; position ;z-index;trasform;查看全部
-
動(dòng)畫效果為什么不能在IE瀏覽器上面實(shí)現(xiàn)？查看全部
-
box-shadow查看全部
-
-webkit-是chrome和safari瀏覽器的前綴;-moz-是firefox瀏覽器的前綴 旋轉(zhuǎn)圖片：transform:rotate(20deg); 旋轉(zhuǎn)圖片的時(shí)間：transtion:2s; 圖片縮放倍數(shù)：transform：scale(2); 圖片邊框加陰影：boxshadow：10px 10px 15px #CCC; 第二個(gè)參數(shù)控制垂直方向的陰影。 圖片外包裝層：position：relative;圖片：position：absolute; img{ position:absolute; transform:rotate(20deg); -webkit-transform:rotate(20deg); -moz-transform:rotate(20deg); transtion:1s; -moz-transtion:1s; -webkit-transtion:1s; } img:hover{ transform:scale(0deg); -webkit-transform:rotate(0deg); -moz-transform:rotate(0deg); transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); boxshadow：10px 10px 15px #CCC; }查看全部
舉報(bào)
0/150
提交
取消