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

4 votes123 views1 answer
Max css
CSS
0 vote252 views2 answers
Using materialize css with react
CSS Materialize
7 votes151 views2 answers
Css change link color in class
CSS
5 votes116 views3 answers
Css glow effect
CSS
0 vote119 views1 answer
Bodyparser limit
CSS
0 vote132 views1 answer
Tailwindcss link tag
CSS
48 votes134 views6 answers
Html font size
CSS
34 votes109 views6 answers
Css linear gradient
CSS
93 votes130 views6 answers
Css center image in div
CSS
0 vote125 views1 answer
Add shadow to iframe
CSS