开发者社区> 问答> 正文

我的难题css的transform中的样式编写

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

展开
收起
杨冬芳 2016-06-13 13:15:47 2228 0
1 条回答
写回答
取消 提交回答
  • IT从业
      .div1{
           background: blue;
           -webkit-transform:skewY(5deg);
          }
          .div2{
           background: green;
           -webkit-transform:skewY(-5deg);
          }
          .div3{
           background: red;
            -webkit-transform:skewY(5deg);
          }

    screenshot

    2019-07-17 19:35:40
    赞同 展开评论 打赏
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
零基础CSS入门教程 立即下载
低代码开发师(初级)实战教程 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载