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

3 votes145 views1 answer
Css visibility transition
CSS
7 votes131 views2 answers
Rem vs em
CSS
1 vote132 views1 answer
Css font-variant
CSS
0 vote130 views1 answer
Css full grid span
CSS
1 vote124 views3 answers
Selenium find element by css selector
CSS
1 vote132 views2 answers
Border shorthand CSS
CSS
1 vote145 views1 answer
Css var negative
CSS
0 vote142 views1 answer
Remove 000webhost ads
CSS
72 votes134 views6 answers
How to center text in a div
CSS
0 vote152 views1 answer
Nuxt scss
CSS