Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* ---------- link ---------- */
- <link rel="stylesheet" href="css/aos.css" />
- <script src="js/aos.js"></script>
- /* ---------- init ---------- */
- AOS.init();
- /* ---------- recalculate offsets ---------- */
- $(window).resize(function() {
- AOS.refresh();
- });
- /* ---------- once animation ---------- */
- $('*[data-aos]').attr('data-aos-once', true);
- /* ---------- all attributes ---------- */
- data-aos="fade-up" data-aos-duration="500" data-aos-delay="0" data-aos-easing="ease-out" data-aos-offset="0"
- //optional attributes
- data-aos-anchor="#selector" data-aos-anchor-placement="top-center"
- /* ---------- anchor placements ---------- */
- top-bottom
- top-center
- top-top
- center-bottom
- center-center
- center-top
- bottom-bottom
- bottom-center
- bottom-top
- /* ---------- animations ---------- */
- fade
- fade-up
- fade-down
- fade-left
- fade-right
- fade-up-right
- fade-up-left
- fade-down-right
- fade-down-left
- flip-up
- flip-down
- flip-left
- flip-right
- slide-up
- slide-down
- slide-left
- slide-right
- zoom-in
- zoom-in-up
- zoom-in-down
- zoom-in-left
- zoom-in-right
- zoom-out
- zoom-out-up
- zoom-out-down
- zoom-out-left
- zoom-out-right
- /* ---------- easing functions ---------- */
- linear
- ease
- ease-in
- ease-out
- ease-in-out
- ease-in-back
- ease-out-back
- ease-in-out-back
- ease-in-sine
- ease-out-sine
- ease-in-out-sine
- ease-in-quad
- ease-out-quad
- ease-in-out-quad
- ease-in-cubic
- ease-out-cubic
- ease-in-out-cubic
- ease-in-quart
- ease-out-quart
- ease-in-out-quart
Add Comment
Please, Sign In to add comment