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 vote147 views1 answer
Tabla responsive css
CSS
4 votes143 views1 answer
Css grid wrap columns
CSS
1 vote371 views1 answer
Padding for text in html
CSS
0 vote180 views1 answer
Css hot to center image in bootsrtap container
CSS
22 votes148 views4 answers
Centering with flexbox
CSS
2 votes140 views1 answer
How to apply css to firefox only
CSS
0 vote136 views5 answers
Css fr meaning
CSS
1 vote142 views2 answers
How to upgrade composer ubuntu
CSS
0 vote141 views1 answer
Calc(100vh - px)
CSS
2 votes154 views1 answer
Ion input change font size
CSS