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

47 votes147 views6 answers
Css set text color
CSS
0 vote151 views1 answer
Box-shadow um ganzen div
CSS
0 vote161 views2 answers
Ul class= social-icons
CSS
0 vote157 views1 answer
Css remove link border on click
CSS
24 votes193 views3 answers
Remove underline from a link css
CSS
6 votes180 views2 answers
Css border
CSS
0 vote164 views1 answer
Html css psd
CSS
0 vote145 views5 answers
Boostrap css
CSS Bootstrap
4 votes154 views1 answer
Scss sass on hover pseudo-class
CSS
0 vote154 views1 answer
Css shadow on hover
CSS