DEMOS › CSS Layout using @keframes & timelines

Date : 24th October 2023

Just scroll down the page

Just scroll up and down

All done using just CSS. NO javascript/jQuery or any other script.

The only downside (October 2023)

Does not yet work in all browsers and operating systems.

For Edge, Chrome and Opera

Hopefully all browsers will support this before too long.

Uses CSS 'animation-timeline' with @keyframes

@keyframes uses entry 0% to entry 100% and exit 0% to exit 100%

See the stylesheet

This is so simple it is amazing what can be done with just CSS

Pixabay

All images from Pixabay

All non supporting browsers

These will still see the page, but the text and images will not be animated.

CSS PLAY

Doing it with style

Please consider making a donation, every little helps.