Answers for "how to create custom hover in bootstrap"

CSS

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);
}

Posted by: Guest on May-20-2021

-1

bootstrap 4 class for hover

<div class="view overlay">
    <img src="https://mdbootstrap.com/img/Photos/Horizontal/City/6-col/img%20(3).jpg" class="img-fluid " alt="">
     <div class="mask rgba-red-strong">

    </div>
</div>

Posted by: Guest on December-06-2020

Source

Code answers related to "how to create custom hover in bootstrap"

Code answers related to "CSS"

CSS Answers by Framework

Browse Popular Code Answers by Language

Python

Javascript

Whatever

Shell/Bash

CSS

Html

PHP

SQL

Java

Answers for "how to create custom hover in bootstrap"

Code answers related to "how to create custom hover in bootstrap"

Code answers related to "CSS"

CSS Answers by Framework

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us