Search
 
SCRIPT & CODE EXAMPLE
 

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

PREVIOUS NEXT
Code Example
Css :: css percent scale checkbox 
Css :: font. to be thinner css 
Css :: css especifico para safari 
Css :: css animate border bottom on hover 
Css :: css border shorthand 
Css :: remove scrollbar from select tag 
Css :: paragraph next to image html 
Css :: css background darker 
Css :: how to add outline to text in css 
Css :: download s3 bucket files on l local 
Css :: can we use multiple keyframes in css 
Css :: scss linear gradient not working 
Css :: css linear gradient 25% of page 
Css :: glassmorphism background in css 
Css :: css circle with number 
Css :: jquery hide scrollbar but allow scrolling 
Css :: css background image follow scroll 
Css :: css hover but no click 
Css :: full screen box shadow css 
Css :: woocommerce align add to cart buttons css 
Css :: RROR: PKGBUILD contains CRLF characters and cannot be sourced. 
Css :: zoom image inside div and move 
Css :: force css style in angular 
Css :: media queries 
Css :: css z index 
Css :: add shadow to iframe 
Css :: auto margin in css 
Css :: gravity forms css classes 
Css :: overflow css 
Css :: icon borders css 
ADD CONTENT
Topic
Content
Source link
Name
5+7 =