Skip to content

How to make multiple borders using box shadow in CSS?

.many_borders {
  box-shadow:
    0 0 0 10px red,
    0 0 0 15px blue,
    0 0 0 20px red,
    0 0 0 25px blue;
}

/* 
	Here the fourth parameter is called the spread and it basically means after how many
	pixels the shadow should start spreading
*/
See also  CSS code snippet - How to gain full width of a phone website in html and ?

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.