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 vote200 views1 answer
Custom taxonomy pagination 404
CSS
33 votes188 views6 answers
Custom Cursor css
CSS
0 vote197 views1 answer
Ghjhgggggggg
CSS
0 vote236 views1 answer
Nice select scroll bar for large amount of options
CSS
1 vote209 views1 answer
How to set the first column of the table in center in css
CSS
1 vote183 views2 answers
Rainbow text with css
CSS
1 vote189 views1 answer
Ul li seprator
CSS
0 vote284 views1 answer
What css vmin
CSS
2 votes189 views1 answer
Check if input is empty css
CSS
59 votes243 views6 answers
Css hover
CSS