mirror of
https://github.com/jbranchaud/til
synced 2026-01-03 15:18:01 +00:00
14 lines
358 B
Markdown
14 lines
358 B
Markdown
# Circular Icons With A Massive Border Radius
|
|
|
|
Elements by nature are rectangular. By adding some `border-radius`, you can
|
|
soften the edges a bit. If you add a massive amount of `border-radius`, you
|
|
effectively make the element round.
|
|
|
|
```css
|
|
div.circle {
|
|
border-radius: 50000px;
|
|
}
|
|
```
|
|
|
|
Here is a [live example](https://codepen.io/jbranchaud/pen/bGGJKJW).
|