-
CSS3--transform 1.translate:指定對象的2D translation(2D平移) transform:translate(10px,10px)(對應X軸<左-右+>,對應Y軸<上-下+,為null,默認為0>) 2.rotate:指定對象的2D rotation(2D旋轉(zhuǎn)),需先有transform-origin屬性的定義 Rotate(90deg<角度值,順時針+>),transform-origin:0 0<設(shè)置中心點>; 3.scale:指定對象的2D scale(2D縮放) scale(0.5,0.5)(對應X軸,對應Y軸<為null,默認取第一個參數(shù)的值>) 4.skew:指定對象skew transformation(斜切扭曲) skew(50deg,20deg)(對應X軸,對應Y軸<為null,默認為0>)查看全部
-
。。。查看全部
-
css3動畫查看全部
-
<!doctype html> <html> <head> <meta http-equiv="content-type" content="text/html";charset="UTF-8"> <style> .div1 { width:800px; height:600px; background-color:white; box-shadow:3px 3px 3px rgba(44,44,44,0.65); } .div1:hover { transition:all 2s ease-in-out;transform:translate(100px);background-color:black; } .div2:hover { transition:all 2s ease-in;transform:translate(100px);background:rgb(44,44,44); } .div2 { width:800px; height:600px; background-color:white; box-shadow:3px 3px 3px rgba(44,44,44,0.65); } </style> </head> <body> <div class="div1"> </div> <div class="div2"> </div> </body> </html> 我的塊測試查看全部
-
transform:scale(1,1) ;查看全部
-
媒體查詢的3種用法查看全部
-
transition各個參數(shù)的含義查看全部
-
qqq查看全部
-
CSS 媒體查詢查看全部
-
alert("zhegecheng")查看全部
-
ni haoa a alert(<p>zhegecheng</p>)aaaa查看全部
-
ni haoa a alert("<p>"+zhegecheng"+</p>)aaaa查看全部
-
ni haoa a alert("<p>"+zhegecheng"+</p))aaaa查看全部
-
奶奶個腿查看全部
-
transition查看全部
舉報
0/150
提交
取消