CSS 伪类实现弧形


.head-section{
    width: 100%;
    height: 360px;
    position: relative;
    z-index: -1;
    overflow: hidden;
}
.head-section::after{
    content: '';
    display: block;
    width: 160%;
    height: 200%;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: -100%;
    transform: translateX(-50%);
    background: #1677D2;
    background-image: linear-gradient(150deg, #084797, #007AFF);
}


真诚赞赏,手留余香
赞赏
随机推荐
前端生成验证码
Wordpress 学习笔记 1 常用
MySQL AUTO_INCREMENT 自动增长的一些知识
Centos 8 修改 ssh 默认端口
thinkphp5 json_decode 函数解析 json 结果为 NULL 的解决方法
Nginx 报错 nginx accept() failed (24: Too many open files)
JavaScript 代码保护技术 混淆和加密
DDOS 专题
Naxsi 的 MainRule
使用mint-ui开发项目的一些所得