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

6 votes198 views1 answer
Border-radius circle using %
CSS
0 vote195 views1 answer
Website copyright example
CSS
1 vote175 views1 answer
Second scrollbar appears
CSS
0 vote176 views1 answer
Iterating data font size as to be decreased in Angular by using css
CSS
0 vote189 views1 answer
How mto change the label font style in css
CSS
0 vote167 views1 answer
Get ssl certificate command line
CSS
2 votes159 views5 answers
Figma
CSS
1 vote311 views1 answer
Overflow scrollbar with variable height
CSS
0 vote181 views1 answer
Round image center
CSS
0 vote191 views1 answer
Fluid typography for Safari
CSS