/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 vote146 views1 answer
Avatar change design html css
CSS
3 votes152 views3 answers
Warning: Failed child context type: Invalid child context `virtualizedCell.cellKey` of type `number` supplied to `CellRenderer`, expected `string`.
CSS
0 vote163 views1 answer
Button transition
CSS
0 vote161 views1 answer
Css animation top goes back to start
CSS
0 vote146 views1 answer
Fill and no repeat background image css
CSS
68 votes139 views5 answers
Jquery css
CSS
0 vote200 views1 answer
Bootstrap dropdown in accordion problem
CSS Bootstrap
8 votes163 views4 answers
Css dark mode
CSS
2 votes148 views1 answer
Css select all except first
CSS
20 votes139 views3 answers
Css text selection none
CSS