Easy to use flippable blocks
<div>
<div class="fyrlananBlock">
<div>
front
</div>
<div>
back
</div>
</div>
</div>// Initialization
var fyrlananBlock = new Fyrlanan({selector: '.fyrlananBlock'})
// Flip from the left side
fyrlananBlock.cevir('soldan')
// Flip from the right side
fyrlananBlock.cevir('sagdan')// Advanced initialization
var fyrlananBlock = new Fyrlanan({
selector: '.fyrlananBlock',
perspective: 1000,
duration: 2,
scale: 1.4,
z: -750,
ease: Expo.easeInOut,
shadows: ["0px 60px 80px 0px rgba(0,0,0,0.16)", "0px 80px 120px 0px rgba(0,0,0,0.04)"]
})- GSAP TweenLite
- GSAP EasePack
- GSAP CSSPlugin