Creating Irregular Circle in CSS
IPFS
Transcript
Hey there, this is Thomas from Macao.
In this video, I would like to talk about creating irregular circles by using CSS border-radius.
There are 4 corners for the border-radius, they are top left, top right, bottom right and bottom left.
We can define a unified value to all 4 corners. For instance, when we have a square element and apply all the values to be 50% or larger, we have a circle.
The fun part is that when we apply different values to four corners, we can create irregular circles.
And by using transition, transform, pseudo-elements, we can create fun irregular circular elements.
![](https://assets.matters.news/embed/306532ae-84de-4466-b73a-47dd40c3de2d.png)
喜欢我的作品吗?别忘了给予支持与赞赏,让我知道在创作的路上有你陪伴,一起延续这份热忱!
![](https://imagedelivery.net/kDRCweMmqLnTPNlbum-pYA/prod/avatar/91761734-dfe5-46aa-b419-61ef2ad591aa.png/public)
![logbook icon](https://assets-next.mattersprotocol.io/_next/static/media/logbook.2cfac4f7.gif)
- 来自作者
- 相关推荐