Our Logo WebAsOne
  •    Home  
  •    How To  
  •    Join US  
  •     Design  
      Design Block     Design Patterns     Animation     Themes     Fonts  
  •    Marketing  
      Hero     About     BIO     Contact     CTA     FAQ     Footer     Portfolio     Price     Service     Team     Testimonials  
  •    Pages  
  •    UI  
      ReactJS     SvelteJS     VueJS  
  •    Apps  
      OpenSource     Mini-Apps     Lessons  
  • OnLoadA
  • OnLoadB
  • OnLoadC
  • OnLoadD
  • OnLoadE
  • OneColumnA
  • TwoColumn
  • ThreeColumn
  • FourColumn
  • StaggerA
  • StaggerB
  • StaggerC
  • StaggerD
  • TimelineA
  • BurnEffect
  • TypewriterEffect
  • ElasticEffect
  • DDDDD
  • EEEEE
  • FFFFF
  • GGGGG
  • HHHHH
  • WordRotateEffect
Animation -> Custom-Timeline -> TimelineA
This is a special design block. It uses GSAP3's stagger feature.
It will animate elements sequentially with the class "amitem1, amitem2, amitem3 ..." one by one. 
You need to know GSAP3 to use this module.

You will be able to use the animation only by 
  • Insert the design without deleting the original records
  • Only keep the last record of the inserted design
  • Add the class "amitemX" to the elements you want to animate
Layer 1

Custom setting

BigSceenLeftRightPadding: 200

MidScreenLeftRightPadding: 60

Copyright © 2025 by WebAsOne LLC, All Rights Reserved