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  TypeScript code snippet - How to start lammp in pirrots os?

Leave a Reply

Your email address will not be published. Required fields are marked *

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