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 vote336 views1 answer
Css random
CSS
0 vote384 views2 answers
Css multiline comment
CSS
0 vote331 views1 answer
How to override bootstrap css in wordpress
CSS Bootstrap
0 vote211 views1 answer
Carbon yesterday date
CSS
0 vote206 views1 answer
Exclude html content when print
CSS
0 vote223 views1 answer
Tailwind simple product card
CSS
0 vote238 views1 answer
Line not breaking css
CSS
0 vote215 views1 answer
Center a button wordpress
CSS
1 vote218 views1 answer
Input time without am pm
CSS
0 vote193 views2 answers
Position relative and absolute difference in css
CSS