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 vote299 views2 answers
Style input number arrows
CSS
0 vote334 views1 answer
Box shadow css animation
CSS
18 votes306 views4 answers
Background color none
CSS
8 votes300 views2 answers
Text that shows an underline on hover
CSS
16 votes289 views3 answers
Sass install
CSS
18 votes355 views5 answers
Col-md-6 bootstrap
CSS Bootstrap
0 vote292 views1 answer
How to hide text that is longer than its parent div
CSS
1 vote315 views1 answer
Css %-px
CSS
2 votes330 views1 answer
Journalctl last 100 lines
CSS
0 vote305 views1 answer
Css shadow on hover
CSS