CSS Art Gallery

A collection of creative artwork made with pure CSS by Moamal Alaa

Animated Polygon

Animated Polygon

A sleek animated polygon featuring a centered letter, designed as a minimal and elegant loading indicator. Inspired by Brittany Chiang's portfolio (v4), this loader combines clean geometry with smooth animation to create a refined and modern visual element.

Audio Cassette

Audio Cassette

A retro-inspired audio cassette brought to life with vibrant, shifting border colors. The motion gives it a lively, energetic feel like it's ready to play your favorite mixtape.

Camera

Camera

Just a fun little camera I made for laughs. you can “snap” a photo with a flash effect that simulates a real camera, and get a cheeky emoji reaction to see how handsome you are. It’s playful, light-hearted, and doesn’t take itself too seriously!

Desktop

Desktop

A simple yet detailed desktop scene featuring a PC screen, mouse, desk lamp, and a red coffee cube, capturing the essentials of a cozy and productive workspace. Made just for fun, it brings a bit of everyday comfort to life with clean lines and subtle details.

404 Page

404 Page

A playful 404 error page featuring a cute little guy blinking endlessly from inside the zero. It adds a touch of charm and personality to an otherwise frustrating moment making lost pages a bit more enjoyable.

Frown Face

Frown Face

A quirky frown-faced character whose eyes continuously scan left to right without stopping. A fun little animation that adds personality and a bit of humor to a simple expression.

Writing Paper

Writing Paper

a wrinkled paper where you can write down anything that comes to mind and when you’re ready, just hit the Save button to keep your text safe in localStorage. It’s like having a little note on the screen that’s always there when you come back.

Space Cat

Space Cat

A big cat appears from behind a planet, watching you with curiosity. The scene includes soft clouds and a glowing crescent moon, combining a cosmic atmosphere with a playful touch.

Tricky Frame

Tricky Frame

This tricky shape was a challenge I set for myself while learning HTML and CSS. It wasn’t easy to build, but I pushed through and finally nailed it. It was a little personal victory that shows how practice pays off.

UNO Cards

UNO Cards

A vibrant set of four UNO cards featuring numbers 1 to 9 in all the classic colors. It took me quite some time to finish, but I had a lot of fun creating them while practicing HTML & CSS