Our Logo WebAsOne
  •    Home  
  •    How To  
  •    Join US  
  •     Design  
      Design Block     Design Patterns     SVGBackground     Animation     Themes     Fonts  
  •    Marketing  
      Hero     About     BIO     Contact     CTA     FAQ     Footer     Portfolio     Price     Service     Team     Testimonials  
  •    Pages  
  •    Apps  
      Vue3     OpenSource     Mini-Apps     Lessons  
  •   Community  
      Accountant     Activity     Actuary     AfterSchool     Agency     Apparel     BeautyHair     Boba     Bookkeeper     Business     Campsite     CarService     Carpenter     Church     Class     Coach     Coffee     Construction     Counselor     CreativeArts     Dance     Dental     Electrician     Entertainment     Environment     Event     Farm     Fashion     FishingGuide     Fitness     Florist     Food     Gifts     Government     HRHiring     HairBeauty     HandyMan     HealthWellness     HomeDecor     Hotel     Juice     Lawyer     Loan     Marketing     MarrageFamilyTherapist     Mechanic     Medical     MedicalDevice     MentalHealthCouselor     Message     Music     MusicTeacher     NatureAnimals     News     NightLife     NoProfit     Nursery     Optometrist     PersonalCV     PersonalTrainer     PetGroomer     Pets     Photographers     Plumber     Post     RVSite     Realtor     Review     School     Shop     Solar     Sports     TattooStudio     Tea     Technology     TravelTourism     Tutor     Veterinarian     Viedo     Website     Weddings  
  • 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 © 2026 by WebAsOne LLC, All Rights Reserved