神奇的css radial-gradient

A_one2010

于 2024-03-28 16:22:33 发布

阅读量411

点赞数 3

CC 4.0 BY-SA版权

文章标签： css 前端

本文介绍了如何利用CSS的`radial-gradient`属性，结合`circleat`和尺寸、颜色值，实现一个中心凹陷的图形效果，并附有具体代码示例。

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

使用css radial-gradient属性，创造一个中间凹陷进去的形状。如下图

background: radial-gradient(circle at 50% -0.06rem, transparent 0.1rem, white 0) top left 100% no-repeat;