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);
}


真诚赞赏,手留余香
赞赏
随机推荐
Windows 2008 修改远程端口号
PHP开发api接口安全验证
Android工程中添加图片资源
gps纠偏及大陆地图偏移原因
ThinkPHP中,跳转方法在try..catch中使用注意
PHP文件上传进度:使用 Session 的 upload_progress
CentOS 系统时间相关命令
Windows批处理使用7-zip压缩多个文件夹
PM2 日志管理
站着编程两年后我身体上的变化