﻿.letterfx-container{}

.letterfx{
    display:inline-block;
    margin:0;
    padding:0;
    transition: all 1s; -ms-transition: all 1s; -webkit-transition: all 1s;}

/* Spin FX */
.letterfx-spin-before{
    transform:rotate(3600deg); -ms-transform:rotate(3600deg); -webkit-transform:rotate(3600deg);}

.letterfx-spin-after{
    transform:none;}

/* Fade FX */
.letterfx-fade-before{
  opacity: 0;}


/* Grow FX */
.letterfx-grow-before{
    transform:scale(0,0); -ms-transform:scale(0,0); -webkit-transform:scale(0,0);}

.letterfx-grow-after{
    transform:none;}


/* Smear FX */
.letterfx-smear-before{
    color: transparent;
    text-shadow:-1px -1px 25px transparent;}

.letterfx-smear-after{
    color:inherit;
    text-shadow:0 0 #333;}

/* Fall FX */
.letterfx-fall-before
{
    visibility: hidden;
    transform:scale(3,3); -ms-transform:scale(3,3); -webkit-transform:scale(3,3);}

.letterfx-fall-after{
    transform:scale(1,1); -ms-transform:scale(1,1); -webkit-transform:scale(1,1);
    text-shadow:0;}

/* Swirl FX */
.letterfx-swirl-before
{
    visibility: hidden;
    transform:scale(3,3) rotate(3600deg); -ms-transform:scale(3,3) rotate(3600deg); -webkit-transform:scale(3,3) rotate(3600deg);}

.letterfx-swirl-after{
    transform:none;
    text-shadow:0;}


/* Wave FX */
.letterfx-wave-container .letterfx
{
    position:relative;}

.letterfx-wave-before
{
    bottom:0;}

.letterfx-wave-after{
    bottom:15px;}



/* FLY FX */
.letterfx-fly-left-container .letterfx,
.letterfx-fly-right-container .letterfx,
.letterfx-fly-top-container .letterfx,
.letterfx-fly-bottom-container .letterfx
{
    position:relative;}

.letterfx-fly-left-before{ left:-50em;}
.letterfx-fly-left-after{ left:0;}

.letterfx-fly-right-before{ right:-50em;}
.letterfx-fly-right-after{ right:0;}

.letterfx-fly-top-before{ top:-20em;}
.letterfx-fly-top-after{ top:0;}

.letterfx-fly-bottom-before{ bottom:-20em;}
.letterfx-fly-bottom-after{ bottom:0;}


