[CSS] transform:skew

skew表示倾斜

（1）skewX(30deg)

（2）skewY(10deg)

（3）skew(30deg,30deg)

注：
（1）倾斜结果为中心不变，其他地方可能会溢出。
（2）其他的tranform操作还有，rotate旋转/scale放缩/translate平移
（3）通过tranform-origin:10px 20px可以指定transform中心，距离左上角x=10px,y=20px的位置为中心。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS3transform属性详解
    Transform字面上就是变形，改变的意思。在CSS3中transform主要包括以下几种：旋转rotate、扭...
    hzrWeber阅读 22,207评论 0赞 19
  • 各种纯css图标
    各种纯css图标 CSS3可以实现很多漂亮的图形，我收集了32种图形，在下面列出。直接用CSS3画出这些图形，要比...
    剑残阅读 13,260评论 0赞 8
  • CSS3 Transform——transform-origin
    关于css3变形 CSS3变形是一些效果的集合，比如平移、旋转、缩放和倾斜效果，每个效果都被称作为变形函数（Tra...
    hopevow阅读 11,502评论 2赞 13
  • css动画
    看了很多视频、文章，最后却通通忘记了，别人的知识依旧是别人的，自己却什么都没获得。此系列文章旨在加深自己的印象，因...
    DCbryant阅读 5,847评论 0赞 4
  • css:Transform
    语法 transform:none|<transform-function>+ (1)rotate()旋转角度 r...
    april_Dong阅读 3,349评论 0赞 0