

Back to Top
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.
Back to top 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