Css

Search

svg image shadow css

<img src="https://upload.wikimedia.org/wikipedia/commons/c/ce/Star_wars2.svg" 
alt="" class="shadow" width="200">

.shadow {
  -webkit-filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  filter: drop-shadow( 3px 3px 2px rgba(0, 0, 0, .7));
  /* Similar syntax to box-shadow */
}

Comment

svg shadow

filter: drop-shadow(3px 3px 5px cyan);

Comment

PREVIOUS	NEXT

Code Example
Css :: background repeat
Css :: h2 custom font family html css
Css :: background image blur css codepen
Css :: how to stretch picture with website css
Css :: stylesheet css
Css :: mat-progress-bar just dots
Css :: javascript canvas pixel art
Css :: scss !default
Css :: z index div over cursor
Css :: expo vector icons install
Css :: positioning button inside div
Css :: width css property
Css :: remove scrollbar from select tag
Css :: css styling images
Css :: css anchor fill parent
Css :: css checkbox':checked change color
Css :: how to change image based on screen size
Css :: css border only top and bottom
Css :: background image with color overlay gradient css
Css :: background color transparent opacity css
Css :: css get screen height
Css :: circle css
Css :: how to rotate image in css
Css :: uninstall tinyproxy ubuntu
Css :: zoom image inside div and move
Css :: how to put link at bottom of page html
Css :: css opacity
Css :: aspect ratio css
Css :: css grid 1 row 2 columns
Css :: css overflow-y

Search

CSS

svg image shadow css

svg shadow

ADD CONTENT