image shadow css
<!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>.box {
box-shadow:
0 2.8px 2.2px rgba(0, 0, 0, 0.034),
0 6.7px 5.3px rgba(0, 0, 0, 0.048),
0 12.5px 10px rgba(0, 0, 0, 0.06),
0 22.3px 17.9px rgba(0, 0, 0, 0.072),
0 41.8px 33.4px rgba(0, 0, 0, 0.086),
0 100px 80px rgba(0, 0, 0, 0.12);
Also in CSS:
- hwo to make a round corners with css
- jest test try catch
- responsive css grid
- link to css
- css grid
- text shadow css generator
- jquery element css
- what is scss
- css center vertically
- add css
- fullcalendar react
- how to change hyperlink color in css
- how to style rule to apply the Border Box model css
- how to change the page background in css
- css form textarea resize
- css selectors cheat sheet
- text overflow ellipsis css
- css navabr
- simple font-face mixin scss
- css center image
- css class list
- change color select arrow css cf7
- div scrollbar style
- flow direction in css