Actions
Switch Theme
Getting startedInstallation
Basics
SocialsYouTube
Facebook
Jose Tamu
July 16, 2024 /  Beginner

Back to Top

Back to Top· Demo

Style controls

Positioning: right and bottom will set both right and bottom absolute positions of the element.
Color: there are 4 settings to customize the element colors: circle color, inside stroke color, progress color and arrow color.

Animation controls

Scroll to: the pixel to scroll to. 0 by default.
Duration: how much time needed to reach the top of the page.
GSAP easing: the easing applied to the movement when going upwards.

Animation controls

Progress speed: sets the speed of the reading progress animation.
Progress ease: sets the reading progress CSS easing. You can set any custom CSS easing of your own. Learn more about CSS easings here.
Entrance distance: the pixel that will determine when to display the element.
Entrance speed: sets the speed of the entrance animation.
Entrance ease: sets the entrance animation CSS easing. You can set any custom CSS easing of your own. Learn more about CSS easings here.

-Tamu

On this page