"#Hover #Effect"
Bootstrap 3.3.0 Snippet by SANTANU CHOWDHURY

Post to Facebook Tweet this

1
2
3
4
5
6
7
8
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<div class="container">
<img style="width:400px; height:540px" class="asyncImage" data-src="https://i.ibb.co/FDb6tMs/thumbnail-10.jpg" src="https://i.ibb.co/TB3wVg7/thumbnail-10-small.jpg" alt="">
</div>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
(()=>{"use strict";var a=document.getElementsByClassName("asyncImage");Array.from(a).map(a=>{const e=new Image;e.src=a.dataset.src,e.onload=()=>(a.classList.remove("asyncImage"),"IMG"===a.nodeName?a.src=a.dataset.src:a.style.backgroundImage=`url(${a.dataset.src})`,a.removeAttribute("data-src"),a)})})();
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More

Material Bootstrap Wizard
Hover Effect Style
Different types of hover and transition effect.
Sonar Wave Effect in Circle With CSS

Questions / Comments: