A
W
W
W
.
CSS
AWARDS CSS
Absolute Interaction.
Fluid Layouts
Glassmorphism
Neo-Brutalism
WebGL-like FX
Kinetic Typography
Fluid Layouts
01. Typography Engine
KINETIC SLICE
BREATHING PULSE
STROKE WIPE FILL
3D SPLIT
HOVER CYBER GLITCH
CHROMATIC ABERRATION
LIQUID WAVE FILL
HOVER TO SCROLL ME
03. Dimensional Arrays & Glass
Spotlight Tracking Box
Hover to reveal the flashlight. Natively powered by `var(--mouse-x)` and `var(--mouse-y)` CSS tracking.
3D Parallax Tilt
Holographic Tile
3D Fold Card
Hover to unfold hinges natively
Seamless native CSS 3D transforms create physics-like unfolding hinges without JavaScript.
Reeded Architectural Glass
Physical glass ridges rendered purely via repeating gradient masks and heavy contrast blurs.
Origami Unfold
Hover for polygon clip
Neon Wireframe Array
Parallax Panes
04. Interface & Forms
Magnetic Center-Border Expand
Content smoothly drops down while the border strikes outward from the absolute center.
Cyber Edge Indent
High-tech side border transition, snapping colors with CSS.
MARQUEE HEADER HOVER ANIMATION LOOPING TEXT LOOPING TEXT
The summary natively loops as an endless marquee when open.
05. Media Processing Pipelines
06. View-Timeline Native FX
I TILT NATIVELY
ON SCROLL.
