这种背景使用css3如何实现

问题描述

问 题

这种背景使用css3如何实现

解决方案

利用:after就可以实现，不知道是不是你想要的效果，希望对你有所帮助

.main {
            background: #7272ff;
            position: relative;
            width: 400px;
            height: 150px;
        }
        .main:after {
            content: '';
            background: #fff;
            width: 128%;
            height: 300px;
            position: absolute;
            top: 26px;
            left: -14%;
            border-radius: 50%;
        }
<div class="main"></div>

这篇关于这种背景使用css3如何实现的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！