LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code

Velocity.js

CSS
body {
	background: #39486F;
  overflow: hidden;
  height:100%;
  font-family: open sans;
}

.word {
  text-align: center;
  opacity:0;
  font-size:72px;
  color: #fff;
  font-weight: 300;
}
JS
$('.word')
    .velocity('transition.fadeIn')
    .velocity('transition.fadeOut')
    .velocity('transition.flipXIn')
    .velocity('transition.flipXOut')
    .velocity('transition.flipYIn')
    .velocity('transition.flipYOut')
    .velocity('transition.flipBounceXIn')
    .velocity('transition.flipBounceXOut')
    .velocity('transition.flipBounceYIn')
    .velocity('transition.flipBounceYOut')
    .velocity('transition.swoopIn')
    .velocity('transition.swoopOut')
    .velocity('transition.whirlIn')
    .velocity('transition.whirlOut')
    .velocity('transition.shrinkIn')
    .velocity('transition.shrinkOut')
    .velocity('transition.expandIn')
    .velocity('transition.expandOut')
    .velocity('transition.bounceIn')
    .velocity('transition.bounceOut')
    .velocity('transition.bounceUpIn')
    .velocity('transition.bounceUpOut')
    .velocity('transition.bounceDownIn')
    .velocity('transition.bounceDownOut')
    .velocity('transition.bounceLeftIn')
    .velocity('transition.bounceLeftOut')
    .velocity('transition.bounceRightIn')
    .velocity('transition.bounceRightOut')
    .velocity('transition.slideUpIn')
    .velocity('transition.slideUpOut')
    .velocity('transition.slideDownIn')
    .velocity('transition.slideDownOut')
    .velocity('transition.slideLeftIn')
    .velocity('transition.slideLeftOut')
    .velocity('transition.slideRightIn')
    .velocity('transition.slideRightOut')
    .velocity('transition.slideUpBigIn')
    .velocity('transition.slideUpBigOut')
    .velocity('transition.slideDownBigIn')
    .velocity('transition.slideDownBigOut')
    .velocity('transition.slideLeftBigIn')
    .velocity('transition.slideLeftBigOut')
    .velocity('transition.slideRightBigIn')
    .velocity('transition.slideRightBigOut')
    .velocity('transition.perspectiveUpIn')
    .velocity('transition.perspectiveUpOut')
    .velocity('transition.perspectiveDownIn')
    .velocity('transition.perspectiveDownOut')
    .velocity('transition.perspectiveLeftIn')
    .velocity('transition.perspectiveLeftOut')
    .velocity('transition.perspectiveRightIn')
    .velocity('transition.perspectiveRightOut');
Host Instantly Drag and Drop Website Builder

 

Description

Transition demo of Velocity.js UI Pack
Term
Mon, 11/27/2017 - 22:09

Related Codes

Pen ID
Pen ID
Pen ID