首页
归档
笔记
树洞
搜索
友言

文章详情

Interesting People Record Interesting.

/ CSS / 文章详情

css 导航栏实现缺口圆角效果

Sonder
2024-09-09
616字
2分钟
浏览 (736)

1725868654581.jpg
复制代码
.level-item_active {
    color: #333;
    background: #fff;
    position: relative;
    overflow: unset;

    &::after {
        position: absolute;
        right: 0;
        bottom: 100%;
        width: 16rpx;
        height: 16rpx;
        background: radial-gradient(circle at 0% 0%, transparent 16rpx, #fff 0);
        content: ''
    }

    &::before {
        position: absolute;
        top: 100%;
        right: 0;
        width: 16rpx;
        height: 16rpx;
        background: radial-gradient(circle at 0% 100%, transparent 16rpx, #fff 0);
        content: ''
    }
}
下一篇 / Git 项目开发中常用命令

🎯 相关文章

💡 推荐文章

🕵️‍♂️ 评论 (0)