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 vote141 views1 answer
Remove onclick highlight from anchor tag when opened in mobile
CSS
4 votes105 views1 answer
Grid mdn
CSS
8 votes147 views2 answers
Center div vertically tailwind
CSS
19 votes185 views2 answers
Border color css
CSS
1 vote157 views2 answers
Css select all immediate children
CSS
2 votes96 views1 answer
How to disable div onclick in javascript
CSS
-1 vote263 views1 answer
Materialize table padding css
CSS Materialize
103 votes145 views2 answers
What are the types of positioning in css
CSS
0 vote143 views2 answers
Tailwindcss link styling
CSS
0 vote213 views1 answer
Css locks
CSS