Box shadow css transition

Give transition on box shadow

div {
  height: 200px;
  width: 200px;
  box-shadow: 0;
  transition: box-shadow 1s;
  border: 1px solid #eee;
}

div:hover {
  box-shadow: 0 0 3px #515151;
  ;
}

Box shadow css transition

/* Scale up the box */
.box:hover {
  transform: scale(1.2, 1.2);
}

/* Fade in the pseudo-element with the bigger shadow */
.box:hover::after {
  opacity: 1;
}

Source: tobiasahlin.com

Similar codes

1 vote207 views2 answers
Css color black
CSS
0 vote254 views1 answer
Css rotate 3d
CSS
22 votes228 views4 answers
Css center in grid
CSS
0 vote211 views2 answers
How to hide youtube watermark from embedded video :2021
CSS
17 votes213 views3 answers
Css odd even child
CSS
23 votes216 views1 answer
What is shadow house about
CSS
0 vote283 views1 answer
Bootstrap put button on one line
CSS Bootstrap
2 votes218 views6 answers
Neumorphism
CSS
164 votes241 views6 answers
Box-shadow css
CSS
4 votes261 views1 answer
Move button in CSS
CSS