CSS3图形自绘合集

在学习CSS3的过程中，有一些感觉实用的图形，写下来存个底

---

1. QQChat

<style>
        .wrap {
            width: 160px;
            height: 80px;
            background-color: red;
            border-radius: 6px;
            position: relative;
        }
        .wrap::after {
            content:"";
            position: absolute;
            top: -20px;
            right: -20px;
            width: 30px;
            height: 20px;
            border-width: 30px 0 30px 30px;
            border-style: solid;
            border-color: transparent;
            border-radius: 0 0 60px 0;
            border-bottom-color: red;
        }
        </style>

样式：

陆续更新ing…