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 vote187 views1 answer
Timesheet template html css
CSS
24 votes195 views3 answers
Css remove outline
CSS
0 vote233 views1 answer
Crypto module
CSS
0 vote239 views1 answer
Separar letras en css
CSS
0 vote150 views0 answer
CSS
1 vote202 views1 answer
How to check if eloquent result is empty
CSS
7 votes187 views4 answers
List elements vertically in html
CSS
2 votes199 views1 answer
How to set height equal to dynamic width pure css
CSS
0 vote203 views1 answer
Images end then start text in css
CSS
0 vote201 views1 answer
Spaziatura caratteri css
CSS