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 votes66 views1 answer
Multiple nth child css
CSS
0 vote120 views1 answer
Wow animation run in multiple times at once
CSS
109 votes106 views6 answers
What is padding in css
CSS
16 votes114 views4 answers
Arrow up css
CSS
29 votes132 views3 answers
Green hex code
CSS
0 vote152 views1 answer
Global css cannot be imported from files other than your
CSS
5 votes105 views2 answers
Css make input unselectable
CSS
0 vote106 views1 answer
Avatar change design html css
CSS
0 vote141 views1 answer
Width clamp css
CSS
0 vote111 views1 answer
@keyframes opact
CSS