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 vote330 views1 answer
Width 33 css
CSS
100 votes372 views2 answers
What is position property in css
CSS
50 votes321 views6 answers
Text align css
CSS
0 vote323 views1 answer
Sub menu disappears on hover css
CSS
0 vote349 views1 answer
Html display text in alternating coloured panels
CSS
0 vote335 views2 answers
Button slant right with icon
CSS
23 votes339 views3 answers
Text-overflow ellipsis multiple lines
CSS
2 votes334 views1 answer
Div not larger than its content
CSS
71 votes344 views6 answers
Media queries w3schools
CSS
0 vote321 views1 answer
CSS fluid type sizing based on viewport
CSS