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 vote379 views1 answer
Rotate icon
CSS
11 votes371 views6 answers
Warning: LF will be replaced by CRLF in
CSS
0 vote345 views1 answer
Add textcontent on hover
CSS
0 vote374 views1 answer
Move text outside div
CSS
2 votes352 views5 answers
How to insert image in css
CSS
2 votes365 views1 answer
Zypper download rpm
CSS
1 vote357 views1 answer
Refresh css on page
CSS
28 votes397 views6 answers
Margin
CSS
0 vote424 views1 answer
Screen sizes for css media
CSS
0 vote343 views1 answer
Display flex css compatibility
CSS