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

0 vote271 views1 answer
Compass font awesome
CSS
3 votes294 views2 answers
Move css background image
CSS
0 vote312 views1 answer
Css rotate 3d
CSS
0 vote278 views1 answer
Secondline ellipsis
CSS
61 votes289 views3 answers
Css radius background color
CSS
-1 vote269 views1 answer
Dotted underline css
CSS
1 vote297 views1 answer
@media between two sizes
CSS
3 votes283 views2 answers
Make image not draggable css
CSS
0 vote276 views1 answer
Css blur background behind div
CSS
0 vote249 views0 answer
CSS