/CSS/Bootstrap/Bootstrap card hover effect

Bootstrap card hover effect

.card{
  border-radius: 4px;
  background: #fff;
  box-shadow: 0 6px 10px rgba(0,0,0,.08), 0 0 6px rgba(0,0,0,.05);
  transition: .3s transform cubic-bezier(.155,1.105,.295,1.12),.3s box-shadow,.3s -webkit-transform cubic-bezier(.155,1.105,.295,1.12);
  padding: 14px 80px 18px 36px;
  cursor: pointer;
}

.card:hover{
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0,0,0,.12), 0 4px 8px rgba(0,0,0,.06);
}

Similar codes

0 vote362 views1 answer
Toast notification angular bootstrap 8
Javascript Bootstrap
1 vote374 views1 answer
Bootstrap js link not working
Javascript Bootstrap
0 vote377 views1 answer
React bootstrap hide toggle menu when scrolling down
Javascript Bootstrap
0 vote354 views1 answer
How to pass js data in bootstrap modal body without using input tag
Javascript Bootstrap
2 votes372 views1 answer
How to add bootstrap by downloading in react js
Javascript Bootstrap
0 vote372 views1 answer
Bootstrap popover style width
CSS Bootstrap
1 vote364 views1 answer
Bootstrap modal title center
Javascript Bootstrap
24 votes383 views5 answers
Open bootstrap modal with javascript
Javascript Bootstrap
0 vote368 views1 answer
Bootstrap 3 dropdown don't close on click
Javascript Bootstrap
1 vote365 views1 answer
Bootstrap col no gaps
CSS Bootstrap