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 vote394 views1 answer
Css horizontal line around text
CSS
0 vote343 views1 answer
Losange css
CSS
185 votes534 views6 answers
Attach css file to html
CSS
7 votes379 views3 answers
Make text unselectable css
CSS
2 votes333 views1 answer
How to put background in html
CSS
0 vote324 views1 answer
How to add style .css in wp
CSS
0 vote366 views1 answer
Mouse hover text zoom effect
CSS
0 vote346 views1 answer
Framework CSS
CSS
-1 vote362 views1 answer
On class hover another class color change
CSS
0 vote342 views1 answer
Roam research
CSS