Rio Chandra

Tag: animation

  • Portfolio Browser — Seamless Transition Image and Text Using GSAP

    GSAP really usefull to create animation and transition, I’m inspired by Seamless slider transition. I Try to recreate and add some custom animation like staggered transition image. See the Pen Portfolio Browser by Rio Chandra (@Rio-Chandra) on CodePen. I will not go to detail and explain code-by-code. But I will explain what obstacle I face…

    Written by

    riochndr

  • Indicator Navigation Animation: Using GSAP and tailwindcss

    Day 1 create navigation indication animation, inspired by this page. I love how moving around the indicator of nav bar. I re-create this using vite, tailwind and gsap. First of all, I create html code And then, these basic structure is enough with nav-indicator as button–moving–thing. and then I add javascript script to make it…

    Written by

    riochndr