Add Shadow Css Image Code Example


Example 1: drop shadow image css

filter: drop-shadow(0px 10px 3px black);

Example 2: shadow css

Source:www.w3schools.com 0 image shadow cssCSS By Ankur on May 1 2020 Donate <!Doctype> <html> <head>   <style>     .img {       width: 400px;       height: 200px;       border:2px solid #fff;       background: url(img/tiger.png) no-repeat;       box-shadow: 10px 10px 5px #ccc;       -moz-box-shadow: 10px 10px 5px #ccc;       -webkit-box-shadow: 10px 10px 5px #ccc;       -khtml-box-shadow: 10px 10px 5px #ccc;     }   </style> </head> <body>   <div class="img"></div> </body> </html>

Example 3: add shadow to background image css

box-shadow: inset 0 0 5px 2px #282a2d; /* mark the inset */

Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable