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

8 votes302 views5 answers
Box bottom shadow css
CSS
2 votes249 views1 answer
Website css not loading
CSS
48 votes258 views3 answers
Custom scrollbar
CSS
4 votes259 views2 answers
How to make fonts respnsive
CSS
9 votes288 views3 answers
Resize checkbox
CSS
17 votes286 views4 answers
Appdata roaming npm react-native.ps1 cannot be loaded
CSS
0 vote266 views1 answer
Span to left css
CSS
3 votes250 views2 answers
Scrollbar change css
CSS
48 votes304 views6 answers
Media query min and max
CSS
3 votes287 views1 answer
Trash icon favicon
CSS