/CSS/How to make multiple borders using box shadow in css

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
*/

Source: css-tricks.com

Similar codes

0 vote105 views3 answers
Sphinx css templates
CSS
0 vote104 views1 answer
Target element pseudo-classes
CSS
1 vote116 views1 answer
Create a animation name in css
CSS
0 vote142 views1 answer
Date icon color change
CSS
0 vote105 views1 answer
Css textarea set max characters
CSS
0 vote113 views1 answer
Css prevent background scrolling
CSS
0 vote107 views1 answer
Select html stop blue border
CSS
72 votes94 views6 answers
Absolute position center
CSS
1 vote106 views1 answer
How to make border blur css
CSS
0 vote107 views1 answer
Hide the default tooltip behaviour from safari
CSS