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 vote181 views1 answer
Uikit height 100%
CSS
17 votes180 views2 answers
Css grid center elements inside div
CSS
19 votes166 views2 answers
Center div css flex
CSS
-2 votes182 views1 answer
How to add after psuedo class in html
CSS
4 votes176 views5 answers
Bootstrap img src
CSS
10 votes197 views4 answers
Css align ul li horizontal
CSS
0 vote175 views1 answer
Font shorthand CSS
CSS
24 votes158 views4 answers
How to remove link blue color from a tag using css
CSS
44 votes183 views6 answers
Textarea disable resize
CSS
0 vote179 views1 answer
Center postion absdolute
CSS