Zoom Animation

1. Zoom rotate
2. Zoom quick
3. Zoom point
4. Zoom slow
5. Zoom brightness
6. Zoom right
7. Zoom in
8. Zoom blur

Basic Usage

1. Demo
2. Copy this link https://zoom-animation.netlify.com/src/zoom.css

Basic Zoom

<div class="zoom zoom-basic">
    <img class="img-fluid rounded" src="your image"> 
</div>

Rotate Zoom

<div class="zoom zoom-rotate">
    <img class="img-fluid rounded" src="your image"> 
</div>

Quick Zoom

<div class="zoom zoom-quick">
    <img class="img-fluid rounded" src="your image"> 
</div>

Point Zoom

<div class="zoom zoom-point">
    <img class="img-fluid rounded" src="your image"> 
</div>

Slow Zoom

<div class="zoom zoom-slow">
    <img class="img-fluid rounded" src="your image"> 
</div>

Brightness Zoom

<div class="zoom zoom-brightness">
    <img class="img-fluid rounded" src="your image"> 
</div>

Right Zoom

<div class="zoom zoom-right">
    <img class="img-fluid rounded" src="your image"> 
</div>

Zoom In

<div class="zoom zoom-in">
    <img class="img-fluid rounded" src="your image"> 
</div>

Blur Zoom

<div class="zoom zoom-blur">
    <img class="img-fluid rounded" src="your image"> 
</div>