AI 助理
备案控制台
开发者社区 问答 正文

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

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

展开
收起
杨冬芳 2016-06-13 13:15:47 2264 分享 版权

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

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样式 CSS transform CSS编写
问答地址：
开发者社区 > 开发与运维 > 问答
相关问答
在css开发中如何引用样式文件？
2021
1
0
CSS的语言特点中丰富的样式定义是什么呀？
472
1
0
除了CSS3，还有什么方法能使元素从一种样式变换为另一种样式时为元素添加效果？
568
1
0
css样式中怎样额外插入文本呢？
1197
1
0
css样式中地址的格式是怎么样的呢？
3030
1
0
如何学习运用全局CSS样式
2276
1
0
如何概览全局CSS样式？
821
1
0
Bootstrap 全局 css 样式-表单3中如何控件尺寸？
569
1
0
Bootstrap 全局 css 样式-表单3的只读状态指什么？
676
1
0
为什么要在Bootstrap 全局 css 样式-表单3设置禁用状态？
635
1
0