css使用伪类元素:after绘制三角形

最新推荐文章于 2024-05-28 00:21:06 发布

麻辣_水煮鱼

最新推荐文章于 2024-05-28 00:21:06 发布

阅读量2k

点赞数

分类专栏： css 每日一记文章标签： css 伪元素

本文链接：https://blog.csdn.net/weixin_42217154/article/details/124375651

版权

每日一记同时被 2 个专栏收录

95 篇文章

订阅专栏

css

12 篇文章

订阅专栏

本文介绍了如何通过简洁代码实现CSS和伪元素的配合，实现在Ant Design中Radio按钮选中状态的优雅动画效果，适合前端开发者快速提升UI设计技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现效果如下：

 .ant-radio-wrapper-checked{
     border-bottom: 2px solid #1890ff;
     position: relative;
	 &:after {
	     position: absolute;
	     bottom: -16px;
	     left: 40%;
	     content: ' ';
	     border: 8px solid transparent;
	     border-top: 8px solid #1890ff;
    }
}

简单几行就实现了