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.