Search
 
SCRIPT & CODE EXAMPLE
 

CSS

drop shadow css

filter: drop-shadow(30px 10px 4px #4444dd);
drop-shadow(offset-x offset-y blur-radius color)
Comment

creating drop shadow css

<html>
<style type="text/css">
.box {
     position: relative;
     width: 400px;
     height: 300px;
     background-color: #fff;
     box-shadow: 0 1px 5px rgba(0,0,0,0.25), 0 0 50px rgba(0,0,0,0.1) inset;
     border-radius: 1%     1%     1%     1% /     1%     1%     1%     1%;
}
.box:after {
      position: absolute;
      width: 64%;
      height: 12%;
      left: 18%;
      border-radius: 50%;
      z-index: -1;
      bottom: 0%;
      content: "";
      box-shadow: 0 50px 24px rgba(0,0,0,0.24);
}
</style>
<body>
    <div class="box">
    <img src="img.jpg" />
    </div>
</body>
<html>
Comment

add drop shadow css

filter: drop-shadow(x-offset,  y-offset, blur, color);
Comment

create shadow css

 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
Bahadur Khan.
Comment

PREVIOUS NEXT
Code Example
Css :: !important css 
Css :: rounded corners css button 
Css :: button highlight none css 
Css :: how to add css using nativeelement in angular 
Css :: css chevron arrow 
Css :: rotate keyframe animation 
Css :: how to add a vertical line in html 
Css :: css table properties 
Css :: twig date modify 
Css :: transition delay only for specific property 
Css :: css input border radius focus 
Css :: hide page scrollbar css 
Css :: css erase text 
Css :: ios safe area 
Css :: css clicked event 
Css :: how to css in jquery 
Css :: blur background css 
Css :: shrink div to fit content 
Css :: margin auto not centering 
Css :: how to add color in css 
Css :: purge tailwind 3 
Css :: CSS blue bottom right Box shadow 
Css :: css set div width to screen 
Css :: twig block 
Css :: how to center background image in css 
Css :: how to add an image to a label in css 
Css :: background-image linear-gradient url 
Css :: crop image with circle css 
Css :: align centre 
Css :: text-decoration 
ADD CONTENT
Topic
Content
Source link
Name
9+5 =