JS transform

smile_to_lin

于 2017-01-04 09:22:43 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 文章标签： transform

本文链接：https://blog.youkuaiyun.com/smile_to_lin/article/details/54015746

17 篇文章

订阅专栏

本文介绍了一种使用CSS实现半个像素宽的边框效果的方法，通过放大元素尺寸并缩放来达到视觉上的半个像素宽度。此外，还介绍了如何使用CSS transform属性进行2D旋转操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.实现半个像素,边框变成半个像素

   width:200%;
   height:200%;
   border:1px solid gray;
   transform:scale(0.5,0.5);     ----- scale(x,Y);

2.定义 2D 旋转，在参数中规定角度
transform:rotate(90deg); // 旋转90度