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

-1 vote168 views1 answer
Css change radio button style
CSS
16 votes186 views2 answers
Css photo circle
CSS
0 vote184 views1 answer
What is focus state in css
CSS
2 votes163 views1 answer
Underline css animation hover
CSS
0 vote177 views1 answer
Align grid items with end
CSS
1 vote222 views3 answers
How to add link click script in url
CSS
0 vote202 views1 answer
Input checkbox size css
CSS
1 vote188 views1 answer
How to set fallback font in css
CSS
0 vote175 views2 answers
Css prevent scrolling behind overlay
CSS
0 vote168 views1 answer
Put light shadow around div
CSS