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

2 votes223 views2 answers
Mongoose populate selected fields
CSS
0 vote240 views1 answer
Css mobile friendly
CSS
5 votes226 views3 answers
Keep background image fixed during scroll using css
CSS
37 votes195 views5 answers
Display css
CSS
-1 vote203 views1 answer
Most essential css elements
CSS
2 votes212 views2 answers
Css border top linear gradient
CSS
-1 vote218 views1 answer
Materialize table padding css
CSS
0 vote206 views1 answer
Bootstrap put button on one line
CSS
-1 vote208 views1 answer
Responsiveness in bootstrap
CSS Bootstrap
0 vote207 views1 answer
Framework CSS
CSS