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 vote230 views2 answers
Media max height css
CSS
27 votes249 views4 answers
Unselectable text css
CSS
1 vote226 views1 answer
On hover chang only border color of a button css
CSS
0 vote235 views1 answer
Couloured button link generator code
CSS
1 vote238 views1 answer
How to stop a page from scrolling horizontally
CSS
15 votes250 views4 answers
Docker postgres
CSS
4 votes227 views5 answers
Css darken color
CSS
0 vote242 views1 answer
Double border color css
CSS
0 vote223 views1 answer
à quoi sert clearfix
CSS
1 vote239 views1 answer
Perimeter around my background image
CSS