abdullah/til
1
0
Fork 0
mirror of https://github.com/jbranchaud/til synced 2026-01-03 23:28:02 +00:00
Code Issues Projects Releases Wiki Activity

Add Circular Icons With A Massive Border Radius as a css til

Browse Source
This commit is contained in:
jbranchaud
2019-11-22 16:34:21 -06:00
parent 4c554ade33
commit 61bdfbfc63
2 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
css/circular-icons-with-a-massive-border-radius.md Normal file
View File

@@ -0,0 +1,13 @@
# 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).