Search
 
SCRIPT & CODE EXAMPLE
 

CSS

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 
ADD CONTENT
Topic
Content
Source link
Name
4+2 =