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 vote243 views5 answers
Sweetalert to small bootstrap
CSS
1 vote245 views1 answer
Sf pro font html
CSS
1 vote245 views1 answer
How to space out buttons css
CSS
4 votes248 views5 answers
Bootstrap img src
CSS Bootstrap
19 votes238 views1 answer
Set pleasholders color css
CSS
1 vote232 views1 answer
SCSS Breakpoints
CSS
1 vote241 views1 answer
Div border glow effect css
CSS
1 vote282 views1 answer
Hide cursor css
CSS
0 vote235 views2 answers
Box-shadow: 0px 4px 8px rgba(164, 188, 223, 0.15);
CSS
1 vote231 views1 answer
Button onclick open video in new window
CSS