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 vote155 views1 answer
Progress bar bootstrap border
CSS Bootstrap
63 votes119 views6 answers
Remove duplicate array es6
CSS
145 votes133 views6 answers
Add bootstrap to react
CSS
0 vote110 views1 answer
Ms-clear event
CSS
0 vote112 views2 answers
Tailwindcss link styling
CSS
0 vote128 views2 answers
Count how many characters in the same position are eqial in both strings
CSS
-2 votes125 views1 answer
How to add pseudo class in html
CSS
1 vote110 views1 answer
Css how to dynamically put div in front of another
CSS
0 vote127 views2 answers
Https://www.youtube.com/s/desktop/f357c206/cssbin/www-main-desktop-watch-page-skeleton.css
CSS
0 vote139 views1 answer
After certain width how make ontent center and add margin auto both side
CSS