Repository files navigation

• Clone the repo:git clone git@github.com:crazychicken/t-scroll.git
• Install with npm:npm install --save-dev t-scroll
• Install with npm:npm install --save-dev crazychicken/t-scroll
• Or download thelatest release

http://t-scroll.com/t-animate-options.html

http://t-scroll.com/documents.html

• First, include CSS files into your HTML head:

<linktype="text/css"rel="stylesheet"href="./public/theme/css/t-scroll.min.css">

• Include filet-scroll.min.js into the footer.

<scripttype="text/javascript"src="./public/theme/js/t-scroll.min.js"></script>

• Set HTML

<divclass="zoomIn">"..."</div><divclass="zoomIn">"..."</div>

• If you needsetTimeout, you need insert the container attributet_show="..."

<divclass="zoomIn"t_show="1">"..."</div><divclass="zoomIn"t_show="2">"..."</div>

• Or you want tot_show run see first screen. You have to add.t_default .t_animated

<divclass="box-center"><divclass="zoomIn t_default t_animated"t_show="1"> ...</div><divclass="zoomIn t_default t_animated"t_show="2"> ...</div></div>

<scripttype="text/javascript">Tu.t_scroll({'t_element':'.zoomIn'})</script>

• bounceIn
• bounceOut
• bounceUp
• bounceDown
• bounceLeft
• bounceRight
• fadeIn
• fadeUp
• fadeDown
• fadeLeft
• fadeRight
• fadeUpBig
• fadeDownBig
• fadeLeftBig
• fadeRightBig
• flip
• flipX
• flipY
• lightSpeedUp
• lightSpeedRight
• lightSpeedDown
• lightSpeedLeft
• rollUp
• rollRight
• rollDown
• rollLeft
• rotate
• rotateUpLeft
• rotateUpRight
• rotateDownLeft
• rotateDownRight
• slideUp
• slideDown
• slideLeft
• slideRight
• zoomIn
• zoomInUp
• zoomInLeft
• zoomInDown
• zoomInRight
• zoomOut
• zoomOutUp
• zoomOutLeft
• zoomOutDown
• zoomOutRight

public/  └── theme/  └── css/  |   ├── style.css  |   └── t-scroll.min.css  └── js/        └── t-scroll.min.csssass/  ├── // All Folders Sass Files  ├── style.scss  └── t-scroll.min.scss

• Semantically Correct / Valid HTML Code
• HTML5, CSS3
• Javascript / JS6
• Full project and seed project (build with: Gulp, Sass, Javascript, Npm, Babel)
• Cross browser compatible ( Internet Explorer 10+, Firefox, Safari, Opera, Chrome etc. )
• W3C Valid source code, properly formatted and commented
• Animations CSS3

• website:http://t-scroll.com/
• Github:https://github.com/crazychicken/t-scroll
• Facebook:https://www.facebook.com/tudscss/
• Youtube:https://www.youtube.com/channel/UCDACe-7BFGDucQoxTDfPotw
• Twtter:https://twitter.com/mtu_truong

Code and documentation copyright 2017, MIT license.