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

18 votes258 views8 answers
Vscode
CSS
1 vote195 views1 answer
Slickjs height
CSS
37 votes196 views6 answers
Add gradient to text css
CSS
0 vote220 views1 answer
Css display original image in smalle width
CSS
57 votes205 views6 answers
Virtualenv --python
CSS
19 votes210 views3 answers
Center in grid
CSS
6 votes198 views3 answers
Print media css
CSS
0 vote178 views1 answer
Container transparent text opaque
CSS
4 votes207 views2 answers
How to make fonts respnsive
CSS
3 votes228 views2 answers
Button material ui
CSS