Skip to content
C Cyberline Solutions
Tag

#animation

4 posts tagged "animation".

The Stack Marquee — A Pure-CSS Infinite Tech Strip

Astro Rocket's homepage has a new Stack Marquee: two rows of tech-stack cards scrolling opposite ways with zero JavaScript. Here's how the loop works and why it's hidden on phones.

H Hans Martens
2 min read
#astro-rocket #animation #css #components #ux #performance

Animations in Astro Rocket — How the Premium Motion Design Works

A deep dive into every animation layer in Astro Rocket: the clean ease-out hero entrance, the staggered scroll-reveal cascade, and how it all stays smooth without a JS animation library.

H Hans Martens
2 min read
#astro-rocket #animation #css #ux #performance

Hero Scroll Indicator — Desktop-Only, Hides on Scroll

Astro Rocket's hero has an animated scroll indicator: two bouncing chevrons that fade in after the hero animation and disappear the moment you start scrolling. Here's how every part of it works.

H Hans Martens
2 min read
#astro-rocket #features #ux #animation

Scroll Progress Ring — A Circular Indicator on the Back-to-Top Button

Astro Rocket's back-to-top button now has a circular SVG progress ring that fills as you scroll. It's brand-coloured, theme-aware, and runs entirely in CSS and a small inline script.

H Hans Martens
2 min read
#astro-rocket #features #ux #animation