Quick start t-scroll
- 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 the latest release
Demo
Demo Options
http://t-scroll.com/t-animate-options.html
Documentation
http://t-scroll.com/documents.html
How to use
- First, include CSS files into your HTML head:
- Include file
t-scroll.min.js
into the footer.
- Set HTML
"...""..."
- If you need
setTimeout
, you need insert the container attributedata-t-show="..."
"...""..."
- Or you want to
data-t-show
run see first screen. You have to add.t-animated
... ...
Call the function
Options t-animate
- 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
Tree
public/
└── theme/
└── css/
| └── t-scroll.min.css
└── js/
└── t-scroll.min.js
sass/
├── // All Folders Sass Files
└── t-scroll.min.scss // @import 'path sass file your project';
Template full feature list
- 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
Creators
Tuds - Crazychicken (CLGT Groups)
- 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
Contributors
This project exists thanks to all the people who contribute. [Contribute].
Backers
Thank you to all our backers! 🙏 [Become a backer]
Sponsors
Support this project by becoming a sponsor. Your logo will show up here with a link to your website. [Become a sponsor]
Copyright and license
Code and documentation copyright 2017, MIT license.