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


真诚赞赏,手留余香
赞赏
随机推荐
PHP 获取父分类和子分类常用递归函数
2018.1.26 Night King
Authorization Schemes 认证模式
阿里云 OSS 只授权一个用户控制 Bucket【OSS 细粒度的权限控制】
MySQL tag设计中,where in参数为带逗号的字符串查询
JavaScript中函数参数的值传递和引用传递
PDO 使用预处理 LIMIT
PDO预处理语句和存储过程
thinkphp 3.1.3 添加项目分组
Sequelize 事务的使用与Transaction类
QQ号

微信联系我

夜间模式切换
回到顶部