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

14 votes333 views5 answers
Input number hide arrows
CSS
1 vote298 views1 answer
Ms css
CSS
0 vote317 views1 answer
Css animate border
CSS
0 vote318 views1 answer
Css height animation
CSS
-1 vote313 views1 answer
Flex wrap tailwind
CSS
1 vote316 views1 answer
Input type search remove x
CSS
0 vote287 views2 answers
To convert categorical data to numerical
CSS
0 vote304 views1 answer
Overwrite theme css in parent css
CSS
-1 vote312 views1 answer
Use w3 css on your website
CSS
0 vote334 views1 answer
Translate argument animation css'
CSS