html5 - css的transform中的样式编写-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

html5 - css的transform中的样式编写

迷茫 2017-04-17 13:19:12

[HTML讨论组]

445

想要实现这种效果但是这红蓝5个块不想用图片想用css3来写但是写出来的总是不对有谁可以指导下？我使用的是transform:skew 但还是没实现这种效果。

迷茫

业精于勤，荒于嬉;行成于思，毁于随。

全部回复(1)

天蓬老师2017-04-17 13:21:12 1楼

       .p1{
        background: blue;
        -webkit-transform:skewY(5deg);
       }
       .p2{
        background: green;
        -webkit-transform:skewY(-5deg);
       }
       .p3{
        background: red;
         -webkit-transform:skewY(5deg);
       }