• Previous CSS Tip
• Next CSS Tip

CSS-only back to top button

Create a CSS-only "Back To Top" button with a simple code

• No JavaScript
• Control when the button appears
• Smooth scroll on click
• Powered by CSS grid and sticky position

See the Pen CSS only back to top button by Temani Afif (@t_afif) on CodePen.

More detail: www.freecodecamp.org/news/css-only-back-to-top-button

More CSS Tips

• A CSS-only Speech Bubble
• Custom dashed border
• Put a number inside boxes
• Navigation menu with sliding items
• Dashed lines using CSS gradient
• Heart shape animation using outline