-
CSS3--transform 1.translate:指定对象的2D translation(2D平移) transform:translate(10px,10px)(对应X轴<左-右+>,对应Y轴<上-下+,为null,默认为0>) 2.rotate:指定对象的2D rotation(2D旋转),需先有transform-origin属性的定义 Rotate(90deg<角度值,顺时针+>),transform-origin:0 0<设置中心点>; 3.scale:指定对象的2D scale(2D缩放) scale(0.5,0.5)(对应X轴,对应Y轴<为null,默认取第一个参数的值>) 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各个参数的含义查看全部
-
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
提交
取消