Gogies 3D Animations | Gogies Smart Web Solutions

class name: .zoom

image hover zoom effect .

Code

<div class="box white" style="width:50%; height:200px;" >

		<div class="zoom"><img src="a.jpg"></div>

		</div>

class name: .spin-it

Code example: <span class="fa-cog fa-3x spin-it"></span>

note: all bellow animatations requier .animated class first

class name: .bounce

Code example: <img class="animated bounce" >

class name: .flash

Code example: <img class="animated flash" >

class name: .pulse

Code example: <img class="animated pulse" >

class name: .rubberBand

Code example: <img class="animated rubberBand" >

class name: .shake

Code example: <img class="animated shake" >

class name: .swing

Code example: <img class="animated swing" >

class name: .tada

Code example: <img class="animated tada" >

class name: .wobble

Code example: <img class="animated wobble" >

class name: .bounceIn

Code example: <img class="animated bounceIn" >

class name: .bounceInDown

Code example: <img class="animated bounceInDown" >

class name: .bounceInLeft

Code example: <img class="animated bounceInLeft" >

class name: .bounceInRight

Code example: <img class="animated bounceInRight" >

class name: .bounceInUp

Code example: <img class="animated bounceInUp" >

class name: .fadeInDown

Code example: <img class="animated fadeInDown" >

class name: .fadeInLeft

Code example: <img class="animated fadeInLeft" >

class name: .fadeInRight

Code example: <img class="animated fadeInRight" >

class name: .fadeInUp

Code example: <img class="animated fadeInUp" >

class name: .fadeOut

Code example: <img class="animated fadeOut" >

class name: .fadeOutDown

Code example: <img class="animated fadeOutDown" >

class name: .fadeOutUp

Code example: <img class="animated fadeOutUp" >

class name: .flip

Code example: <img class="animated flip" >

class name: .flipInX

Code example: <img class="animated flipInX" >

class name: .flipInY

Code example: <img class="animated flipInY" >

class name: .rotateIn

Code example: <img class="animated rotateIn" >

class name: .rotateInDownLeft

Code example: <img class="animated rotateInDownLeft" >

class name: .rotateInDownRight

Code example: <img class="animated rotateInDownRight" >

class name: .rotateInUpLeft

Code example: <img class="animated rotateInUpLeft" >

class name: .rotateInUpRight

Code example: <img class="animated rotateInUpRight" >

class name: .rotateOut

Code example: <img class="animated rotateOut" >

class name: .rollIn

Code example: <img class="animated rollIn" >

class name: .rollOut

Code example: <img class="animated rollOut" >

class name: .zoomIn

Code example: <img class="animated zoomIn" >

class name: .zoomInDown

Code example: <img class="animated zoomInDown" >

class name: .zoomInUp

Code example: <img class="animated zoomInUp" >

class name: .vanishIn

Code example: <img class="animated vanishIn" >