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 vote98 views1 answer
Reduire espace entre ligne css
CSS
6 votes123 views2 answers
How to give opacity to border
CSS
0 vote112 views2 answers
To convert categorical data to numerical
CSS
0 vote114 views1 answer
Width 33 css
CSS
4 votes115 views2 answers
How to remove onclick input border
CSS
6 votes115 views3 answers
Print media query css
CSS
1 vote112 views1 answer
Css testo che scorre
CSS
0 vote103 views2 answers
Background having opacity and text above to not have opacity
CSS
0 vote110 views1 answer
Ausgewählter text farbe ändern css
CSS
3 votes119 views1 answer
Add new class in tailwind css
CSS