mddanishyusuf
7 months ago

CSS border awesome tricks

I found this CSS tricks to rounded the box in one CSS code. Here I'm sharing a codepen.io link.

https://codepen.io/mddanishyusuf/pen/GLKwpx

Pattern: border-radius: <horizontal radius> / <vertical radius>

  1. border-radius: 60px 45px 30px 15px/15px 30px 45px 60px;
  2. border-radius: 50% 50% 50% 50% / 60% 60% 40% 40%;
  3. border-radius: 50% 40% 45% 50% / 40% 50% 55% 40%;
  4. border-radius: 50% 50% 40% 40% / 60% 60% 20% 30%;

image

Do you have any comment on this tricks? then let the author know about that. comment here