mirror of
https://github.com/the-djmaze/snappymail.git
synced 2025-01-01 04:22:15 +08:00
111 lines
1.9 KiB
CSS
111 lines
1.9 KiB
CSS
.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; }
|
|
|
|
|
|
|