Thinkific - Knowledge is power. Share it Rebound

Torus Kit
Torus Kit
    • Get in touch
    Download color palette

    Our participation in the Thinkific “Knowledge is power. Share it.” challenge.

    All animations are done in https://toruskit.com in HTML without writing any JS or CSS!

    The code is simple again. To animate the strips we've used a "group" animation capability:

    data-tor-group=".strip => inview(p):scale.from(0) exponential slow delay(/~500ms/) wait(2500ms) place.left(/-50~150%/) rotate.from(/-50~90deg/) @--tor-translateZ(/-70~80rem/);"

    This will generate random delay, place (position) rotate (rotation) and @--tor-translateZ CSS variable for z-index 3d depth

    Check live here: https://toruskit.com/showcase/experiments/thinkific/

    Rebound of
    The Thinkific “Knowledge is power. Share it.” challenge!
    By Thinkific
    Torus Kit
    Torus Kit
    All in one Bootstrap tool for interactive websites
    Get in touch

    More by Torus Kit

    View profile
    • Like