css3实现异形容器

问题描述

问 题

对css3不熟悉，想了半天没想到解决方案，各位大神能否用css实现如下的容器，内容既可以是图片也可以是文字，容器形状如下：

解决方案

div{

            width: 100px;
            height: 100px;
            background-color: #0000FF;
            background: linear-gradient(-45deg, transparent 20px, #0000FF 0);
        }

这个实现的是右下角一个三角形的裁减，那条线你自己弄喽，
推荐你这篇文章https://segmentfault.com/a/11...

这篇关于css3实现异形容器的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！