W 2021 roku dobrze już wiemy, że możliwości CSS daleko wykraczają poza to co znaliśmy jeszcze kilka lat temu. Elementy, które kiedyś tworzyliśmy z pomocą JavaScript, dziś możemy napisać w samym CSS.

Idealnym tego przykładem są gry tworzone tylko przy użyciu stylów.

You Must Build a Lighthouse

Gra z cyklem dnia i nocy polegająca na budowie domu z modułów.

See the Pen
A Pure CSS Game – You Must Build a Lighthouse.
by Ben Evans (@ivorjetski)
on CodePen.

Rock, Paper, Scissors

Klasyczna gra w kamień-papier-nożyce.

See the Pen
Pure CSS Game Rock Paper Scissor
by Jerry Low (@jerrylow)
on CodePen.

Stack ‘em High

Gra polegająca na ustawianiu na sobie bloków. Celem jest zbudowanie możliwie najwyższej wieży.

See the Pen
Pure CSS Game: Stacker
by Jerry Low (@jerrylow)
on CodePen.

Guess the Movie

Inspirowana wisielcem gra w odgadywanie tytułów filmów.

See the Pen
Guess The Movie – a mini CSS game
by Inès (@inescodes)
on CodePen.

Save the World from Demons

Shooter w CSS? Bardzo interesujący pomysł 🙂

See the Pen
Demon Killer II
by Mark Sottek (@mark_sottek)
on CodePen.

You Want Cake? You’d Better Earn It.

Trudna (i momentami irytująca) gra polegająca na manewrowaniu kursorem w celu unikania przeszkód.

See the Pen
Pure CSS Cake 100×50 Game 🎂🎉
by Jhey (@jh3y)
on CodePen.

I Ain’t Afraid of No Ghosts

Gra CSS polegająca na ustrzeliwaniu duchów.

See the Pen
Pure CSS ghost bustin’ game w/ CSS variables 👻🕹#CodePenChallenge
by Jhey (@jh3y)
on CodePen.

Spodobał Ci się artykuł? Dzięki naciśnięciu serduszka poniżej będę wiedział jakie treści tworzyć. Dzięki! :)

Bądź pierwszą osobą, która skomentuje ten wpis.