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

1 vote326 views1 answer
303,592 HDK to pounds
CSS
32 votes372 views6 answers
Alert bootstrap
CSS Bootstrap
71 votes277 views17 answers
Box -shadow
CSS
53 votes325 views6 answers
Background color in css
CSS
3 votes345 views6 answers
Css inner shadow
CSS
22 votes333 views4 answers
Css flip image horizontally
CSS
0 vote338 views1 answer
How to remove text highlight on double click
CSS
0 vote329 views1 answer
Bootstarp 5
CSS
0 vote352 views1 answer
Datatables when filtering snaps to top of page
CSS
0 vote366 views1 answer
String interning in python
CSS