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 vote201 views1 answer
Sticky footer not working bootstrap
CSS
0 vote251 views1 answer
Feature detect css
CSS
0 vote149 views1 answer
Style50 for cs50
CSS
0 vote162 views3 answers
Remove cursor pointer css
CSS
3 votes154 views2 answers
How to zoom iin by default in html page
CSS
0 vote189 views2 answers
How to remove white space in the right side of web page
CSS
6 votes151 views5 answers
Grepper shortcuts
CSS
3 votes154 views2 answers
Scss watch command
CSS
39 votes151 views4 answers
Font awesome size
CSS
9 votes174 views3 answers
How to change another element on hover
CSS