/*** Position ***/
/* A mozgató animációk 100vh és 100vw érték helyett 110vh és 110vw értékekkel
 * mozgatják az elemet, hogy az adott elem esetleges border és más kiegészítő
 * elemei is eltűnjenek a viewport-ból */

/* Rotate, clockwise */
@keyframes rotate-0-360deg {
  to { transform: rotate( 360deg ) }}

/* Rotate, counterclockwise */
@keyframes rotate-0--360deg {
  to { transform: rotate( -360deg ) }}

/* Slide in, bottom to top, fullscreen */
@keyframes translate-y-110vh-0 {
  from { transform: translateY( 110vh ) }
  to   { transform: translateY( 0 ) }}

/* Slide in, left to right, fullscreen */
@keyframes translate-x--110vw-0 {
  from { transform: translateX( -110vw ) }
  to   { transform: translateX( 0 ) }}

/* Slide in, right to left, fullscreen */
@keyframes translate-x-110vw-0 {
  from { transform: translateX( 110vw ) }
  to   { transform: translateX( 0 ) }}

/* Slide in, top to bottom, fullscreen */
@keyframes translate-y--110vh-0 {
  from { transform: translateY( -110vh ) }
  to   { transform: translateY( 0 ) }}

/* Slide out, bottom to top, fullscreen */
@keyframes translate-y-0--110vh {
  from { transform: translateY( 0 ) }
  to   { transform: translateY( -110vh ) }}

/* Slide out, left to right, fullscreen */
@keyframes translate-x-0-110vw {
  from { transform: translateX( 0 ) }
  to   { transform: translateX( 110vw ) }}

/* Slide out, right to left, fullscreen */
@keyframes translate-x-0--110vw {
  from { transform: translateX( 0 ) }
  to   { transform: translateX( -110vw ) }}

/* Slide out, top to bottom, fullscreen */
@keyframes translate-x-0-110vh {
  from { transform: translateX( 0 ) }
  to   { transform: translateX( 110vh ) }}

/* Slide in, bottom to top */
@keyframes translate-y-110p-0 {
  from { transform: translateY( 110% ) }
  to   { transform: translateY( 0 ) }}

/* Slide in, left to right */
@keyframes translate-x--110p-0 {
  from { transform: translateX( -110% ) }
  to   { transform: translateX( 0 ) }}

/* Slide in, right to left */
@keyframes translate-x-110p-0 {
  from { transform: translateX( 110% ) }
  to   { transform: translateX( 0 ) }}

/* Slide in, top to bottom */
@keyframes translate-y--110p-0 {
  from { transform: translateY( -110% ) }
  to   { transform: translateY( 0 ) }}

/* Slide out, bottom to top */
@keyframes translate-y-0--110p {
  from { transform: translateY( 0 ) }
  to   { transform: translateY( -110% ) }}

/* Slide out, left to right */
@keyframes translate-x-0-110p {
  from { transform: translateX( 0 ) }
  to   { transform: translateX( 110% ) }}

/* Slide out, right to left */
@keyframes translate-x-0--110p {
  from { transform: translateX( 0 ) }
  to   { transform: translateX( -110% ) }}

/* Slide out, top to bottom */
@keyframes translate-y-0-110p {
  from { transform: translateY( 0 ) }
  to   { transform: translateY( 110% ) }}

/*** Position ***/

/*** Size ***/

@keyframes scale-y-0-1 {
  from { transform: scaleY( 0 ) }
  to   { transform: scaleY( 1 ) }}

@keyframes scale-y-1-0 {
  from { transform: scaleY( 0 ) }
  to   { transform: scaleY( 1 ) }}

@keyframes scale-0-1 {
  from { transform: scale( 0 ) }
  to   { transform: scale( 1 ) }}

@keyframes scale-09-1 {
  from { transform: scale( .9 ) }
  to   { transform: scale( 1 ) }}

@keyframes scale-105-1 {
  from { transform: scale( 1.05 ) }
  to   { transform: scale( 1 ) }}

@keyframes scale-1-085-1 {
  0%   { transform: scale( 1 ) }
  50%  { transform: scale( .85 ) }
  100% { transform: scale( 1 ) }}

/*** Size ***/

/*** Visibility ***/

@keyframes opacity-1-05-1 {
  0%   { opacity: 1.0 }
  50%  { opacity: 0.5 }
  100% { opacity: 1.0 }}

@keyframes opacity-1-0 {
  to { opacity: 0 }}

@keyframes opacity-0-1 {
  from { opacity: 0 }
  to   { opacity: 1 }}

@keyframes opacity-0-1-0 {
  0%   { opacity: 0 }
  50%  { opacity: 1 }
  100% { opacity: 0 }}

@keyframes opacity-1-0-1 {
  0%   { opacity: 1 }
  50%  { opacity: 0 }
  100% { opacity: 1 }}

@keyframes opacity-098-0 {
  from { opacity: 0.98 }
  to   { opacity: 1.00 }}

@keyframes opacity-0-098 {
  from { opacity: 0.00 }
  to   { opacity: 0.98 }}

/*** Visibility ***/