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 vote140 views1 answer
Template html css bootstrap cdn
CSS
-1 vote147 views1 answer
Css media query between two width
CSS
4 votes91 views1 answer
Background position center center
CSS
16 votes136 views4 answers
Arrow left css
CSS
1 vote139 views1 answer
Hardball rifler
CSS
5 votes161 views6 answers
Ruby cheat sheet
CSS
0 vote140 views1 answer
Col
CSS
85 votes133 views5 answers
Justify content css
CSS
0 vote129 views1 answer
Divi submenu collapse by default
CSS
1 vote144 views1 answer
How to alternate background colour in html div elements in css
CSS