svg shadow

48

<img src="https://www.sean-lloyd.com/logo.svg" width="200" class="shadow" />

<style>
.shadow {
  -webkit-filter: drop-shadow( 4px 4px 4px rgba(0, 0, 0, .5));
  filter: drop-shadow( 4px 4px 4px rgba(0, 0, 0, .5));
}
</style>
<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 */
}

Comments

Submit
0 Comments