CSS as part of the HTML5-standard offers some nice features that allow to implement visually impressive effects with little programming effort. See below for some examples I wrote. Feel free to have a look the source code (right-click, show source). Click on the respective image to start the demo.
Copper BarsThe "Copper" is a coprocessors located in Agnus Custom Chip of the Commodore Amiga Computer. It allows to write values to hardware registers (e. g. the background color at dff0180) at a defined vertical position on the screen, and thus to implement cool graphical effects without consuming a single CPU cicle. A common use are the so-called "Copper-Bars", which are cool-looking vertical color-patterns that were popular in scene demos and cracker intros. My demo mimics this effect using pure CSS without a single line of JavaScript. ![]() |
---|
Star Wars ScrollerModern CSS comes with support of a fully fledged 3D-rendering engine The below example leverages 3D-rotation, 3D-translation and opacity to mimic a text scroller known from the Star Wars movies. To be honest, I never was a big fan of the franchise, especially not Episode 1 and the later movies. However, I still like the text scroller, it's pretty cool. Again, this is pure CSS without a single line of JavaScript. ![]() By the way: I asked ChatGPT to create the same effect. Seems, like there's still hope for programmers. Click the below image to see the result. ![]() |