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

3 votes355 views1 answer
Bootstrap 3 offset
CSS
0 vote342 views1 answer
How to make focus outline round in html
CSS
1 vote409 views1 answer
Disable highlighting text in CSS.
CSS
0 vote360 views1 answer
How to align divs in a row
CSS
0 vote399 views1 answer
Scrollable table vertical
CSS
-1 vote355 views3 answers
Text in one line css
CSS
11 votes355 views3 answers
Filter for css white color
CSS
0 vote359 views1 answer
How to override bootstrap css in wordpress
CSS
0 vote363 views1 answer
Font size clamp generator
CSS
0 vote356 views1 answer
Removing space between words css
CSS