CSS Battle Challenge Solutions

CSSBattle is an awesome ✨ online CSS Code Golfing game. Here are my solutions to their challenges:

If you like this collection, please ⭐️ this repo and share it with others

Regular Battles

Compete with players around the world in these nail-biting battles

CSS Battle Homepage

Challenges	Solutions	Battle Link
Battle #1 - Pilot Battle	See	Go to battle
Battle #2 - Visibility	See	Go to battle
Battle #3 - Cursor	See	Go to battle
Battle #4 - Display	See	Go to battle
Battle #5 - Inline	See	Go to battle
Battle #6 - Conic	See	Go to battle
Battle #7 - Backface	See	Go to battle
Battle #8 - Transition	See	Go to battle
Battle #9 - Margin	See	Go to battle
Battle #10 - Block	See	Go to battle
Battle #11 - Overflow	See	Go to battle
Battle #12 - Blend	See	Go to battle
Battle #13 - Clip	See	Go to battle
Battle #14 - ZIndex	See	Go to battle
Battle #15 - Filter	See	Go to battle
Battle #16 - Aspect	See	Go to battle
Battle #17 - Christmas	See	Go to battle
Battle #18 - Float	See	Go to battle
Battle #19 - Spacing	See	Go to battle
Battle #20 - Hover	See	Go to battle
Battle #21 - Rotate	See	Go to battle
Battle #22 - Grid	See	Go to battle
Battle #23 - Contain	See	Go to battle
Battle #24 - Offset	See	Go to battle
Battle #25 - Flex	See	Go to battle
Battle #26 - Initial	See	Go to battle
Battle #27 - Relative	See	Go to battle
Battle #28 - Revert	See	Go to battle
Battle #29 - Font	See	Go to battle
Battle #30 - Gradient	See	Go to battle
Battle #31 - Opacity	See	Go to battle

Time Attack Battles

4 targets & a race against time. Get most 100% matches as quickly as possible.

Challenges	Solutions	Battle Link
Battle #1	See	Go to battle
Battle #2	See	Go to battle

Daily Targets

A new target everyday for you to unwind. No leaderboards, no competition

Challenges	Solutions
2023	Aug | Sep Oct | Nov | Dec
2024	Jan | Feb | Mar Apr | May | Jun Jul | Aug

Local Setup

To run site locally use bundle install && bundle exec jekyll serve

[↑ Scroll to top]