怎么用CSS3代码书写平行四边形


这篇文章给大家分享的是有关怎么用CSS3代码书写平行四边形的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。css3CSS3 transform 旋转的属性写出来,就是transformskew

代码如下:

css3旋转写平行四边形

.box{width:1200px;margin:100px auto;}

.skew{width:1000px;height:734px;background:#f0eb4f;margin:0 auto;color:#000;

font-size:20px;line-height:500px;text-align:center;transform: skew(-15deg);}

.skew-main{transform: skew(15deg);}

.box02 {

width: 0;

height: 免费云主机域名0;

border-top: 100px solid #f44261;

border-right: 100px solid transparent;

}

css3旋转写平行四边形

css3旋转写平行四边形

感谢各位的阅读!关于“怎么用CSS3代码书写平行四边形”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

相关推荐: css中的top属性怎么用

这篇文章给大家分享的是有关css中的top属性怎么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。   作用:top属性规定元素的顶部边缘。该属性定义了一个定位元素的上外边距边界与其包含块上边界之间的偏移。   说明:   对于st…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 10/08 10:32
下一篇 10/08 12:05

相关推荐