Are you over 18 and want to see adult content?
More Annotations
![A complete backup of maxpowergroup.com](https://www.archivebay.com/archive2/6ee67ccc-54bc-4b36-b496-3405317f412b.png)
A complete backup of maxpowergroup.com
Are you over 18 and want to see adult content?
![A complete backup of diskusneforum.sk](https://www.archivebay.com/archive2/38ee5482-c5ad-4569-9e26-c929bf9ffa53.png)
A complete backup of diskusneforum.sk
Are you over 18 and want to see adult content?
![A complete backup of stuartrental.com](https://www.archivebay.com/archive2/0879bb8b-43c9-4a46-90d5-a47312c30116.png)
A complete backup of stuartrental.com
Are you over 18 and want to see adult content?
![A complete backup of heysong-fin.com.tw](https://www.archivebay.com/archive2/2fb8c915-1e77-4694-b6e7-b280e1dd03c7.png)
A complete backup of heysong-fin.com.tw
Are you over 18 and want to see adult content?
![A complete backup of msoutlookworld.blogspot.com](https://www.archivebay.com/archive2/81280c48-56e5-45f5-88f9-c99351da26e1.png)
A complete backup of msoutlookworld.blogspot.com
Are you over 18 and want to see adult content?
![A complete backup of erogedaisuki.com](https://www.archivebay.com/archive2/ca302aa1-fd4d-4fab-aabc-42d4fb28c4e9.png)
A complete backup of erogedaisuki.com
Are you over 18 and want to see adult content?
![A complete backup of fundacionazara.org.ar](https://www.archivebay.com/archive2/81d6c114-ba00-490b-85cf-93cca35e8de6.png)
A complete backup of fundacionazara.org.ar
Are you over 18 and want to see adult content?
![A complete backup of diariodocomercio.com.br](https://www.archivebay.com/archive2/0b46746a-ca99-4307-aa4f-1e8b2625b261.png)
A complete backup of diariodocomercio.com.br
Are you over 18 and want to see adult content?
Favourite Annotations
![A complete backup of https://orangecityiowa.com](https://www.archivebay.com/archive6/images/7cef72f9-cfdc-4b1d-abcb-b8724f78b451.png)
A complete backup of https://orangecityiowa.com
Are you over 18 and want to see adult content?
![A complete backup of https://enjoytokyo.jp](https://www.archivebay.com/archive6/images/af74c5c3-eb87-4bf0-9a5f-33b3765cd81c.png)
A complete backup of https://enjoytokyo.jp
Are you over 18 and want to see adult content?
![A complete backup of https://all-best-betting-sites.com](https://www.archivebay.com/archive6/images/c28dde9d-d615-43a6-9b2c-cce5ed23ffe1.png)
A complete backup of https://all-best-betting-sites.com
Are you over 18 and want to see adult content?
![A complete backup of https://criticalrace.org](https://www.archivebay.com/archive6/images/6df0e2d1-06c7-4cb7-b56f-de2473e0bc92.png)
A complete backup of https://criticalrace.org
Are you over 18 and want to see adult content?
![A complete backup of https://lifewire.com](https://www.archivebay.com/archive6/images/98df4f92-6b49-4f95-95ee-3e22f17b14fb.png)
A complete backup of https://lifewire.com
Are you over 18 and want to see adult content?
![A complete backup of https://knowtechie.com](https://www.archivebay.com/archive6/images/900d33a6-5d72-4945-99c3-b8ff8b94616f.png)
A complete backup of https://knowtechie.com
Are you over 18 and want to see adult content?
![A complete backup of https://garagetools.ru](https://www.archivebay.com/archive6/images/cdc52215-1a88-455f-945a-d3461e417b90.png)
A complete backup of https://garagetools.ru
Are you over 18 and want to see adult content?
![A complete backup of https://counter-gratis.com](https://www.archivebay.com/archive6/images/ca405391-cb53-483f-9dd1-2eede5885d32.png)
A complete backup of https://counter-gratis.com
Are you over 18 and want to see adult content?
![A complete backup of https://parchment.com](https://www.archivebay.com/archive6/images/9abbb387-b20d-4204-816f-8e09beeb1974.png)
A complete backup of https://parchment.com
Are you over 18 and want to see adult content?
![A complete backup of https://diabet-zaharat.org](https://www.archivebay.com/archive6/images/1080be9f-065e-4f5f-8cd9-7c232adc5827.png)
A complete backup of https://diabet-zaharat.org
Are you over 18 and want to see adult content?
![A complete backup of https://newantitheftbackpack.com](https://www.archivebay.com/archive6/images/73e5e1c4-8b7f-44a2-a1ca-b0f05d49e982.png)
A complete backup of https://newantitheftbackpack.com
Are you over 18 and want to see adult content?
Text
CSSBATTLE
Write HTML/CSS in this editor and replicate the given target image in the least code possible. What you write here, renders as it is -->. .. . . .
WELCOME TO CSSBATTLE! Welcome to CSSBattle! CSS code-golfing game is here! Use your CSS skills to replicate targets with smallest possible code. Feel free to check out the targets below and put your CSS skills to test.CSSBATTLE
Write HTML/CSS in this editor and replicate the given target image in the least code possible. What you write here, renders as it is -->. .. . . .
WELCOME TO CSSBATTLE! Welcome to CSSBattle! CSS code-golfing game is here! Use your CSS skills to replicate targets with smallest possible code. Feel free to check out the targets below and put your CSS skills to test.CSSBATTLE
Write HTML/CSS in this editor and replicate the given target image in the least code possible. What you write here, renders as it is -->. . WELCOME TO CSSBATTLE! Welcome to CSSBattle! CSS code-golfing game is here! Use your CSS skills to replicate targets with smallest possible code. Feel free to check out the targets below and put your CSS skills to test.CSSBATTLE
Write HTML/CSS in this editor and replicate the given target image in the least code possible. What you write here, renders as it is -->. .CSSBATTLE
Write HTML/CSS in this editor and replicate the given target image in the least code possible. What you write here, renders as it is -->. . BATTLE #3 - CURSOR - CSSBATTLE.DEV Battle #3 - Cursor. Battle. #3. -. Cursor. First ever mini-battle. 48 hours, 2 Targets. Some intense CSS golfing. This Battle has finished. But you can always play BATTLE #11 - OVERFLOW - CSSBATTLE.DEV Battle. #11. -. Overflow. 8 targets (2 per week) to battle out over 4 weeks and win some cool rewards! Sponsored by Pastel. The following rewards will be given to players at BATTLE #7 - BACKFACE - CSSBATTLE.DEV Battle #7 - Backface. Battle. #7. -. Backface. 9 targets unlock across 3 weeks. Recreate them with smallest possible CSS code and climb the leaderboard! This Battle has finished. But you can always play the targets below and improve your global ranking!CSSBATTLE
The objective of the game is to write HTML/CSS to replicate the given target image in the least code possible. In the target page, start coding in the editor area on the left. You need to enable JavaScript to run this app.CSSBATTLE
Choose Battle
#14 - ZIndex
Finished#13 - Clip
Finished#12 - Blend
Finished#11 - OverflowFinished#10 - Block
Finished#9 - Margin
Finished#8 - Transition Finished#7 - BackfaceFinished#6 - Conic
Finished#5 - Inline
Finished#4 - DisplayFinished#3 - Cursor
Finished#2 - Visibility Finished#1 - Pilot BattleFinished
CSSBattle Learn
Jobs
How to play
The objective of the game is to write HTML/CSS to replicate the given target image in the least code possible. In the target page, start coding in the editor area on the left. As you start typing, the output area in the middle will start rendering your code. When you're confident that the output matches the target image, hit the SUBMIT button to see your score. IMPORTANT POINTS TO NOTE: * What you write in the editor, renders as it is. We make no change. This means you don't even get the DOCTYPE * Since this is "CSS" battle, you are NOT ALLOWED TO USE JAVASCRIPT OR IMAGES IN YOUR CODE. IN FACT ANY EXTERNAL ASSET IS NOT ALLOWED. All code required to generate the target image has to be written in thegiven editor only.
Now go and climb the leaderboards! Sign In / Sign UpLoginWELCOME
WELCOME TO CSSBATTLE! CSS code-golfing game is here! Use your CSS skills to replicate targets with smallest possible code. Feel free to check out the targets below and put your CSS skills to test.Sign In / Sign Up
BATTLES
🙂
127
Players Online
CUSTOM BATTLES
Sign In / Sign Up to host a battle Hosting a conference, meetup, company engineering event or just want to have some nerd fun? Create your own battles with custom targets, leaderboards, and duration! Read more about Custom Battles.
BATTLE #14 - ZINDEX
Finished 8 days ago
4 days, 1 new target everyday 🎯! Ultimate crash course for CSSgolfing!
LEADERS
#77
#78
#79
#80
BATTLE #13 - CLIP
Finished 2 months ago 8 targets (with some open ones!) to battle out over 4 weeks and winsome cool rewards!
LEADERS
#69
#70
#71
#72
#73
#74
#75
#76
BATTLE #12 - BLEND
Finished 5 months ago 8 targets (2 per week, and a new twist) to battle out over 4 weeks and win some cool rewards!LEADERS
#61
#62
#63
#64
#65
#66
#67
#68
BATTLE #11 - OVERFLOW Finished 11 months ago 8 targets (2 per week) to battle out over 4 weeks and win some coolrewards!
LEADERS
#53
#54
#55
#56
#57
#58
#59
#60
BATTLE #10 - BLOCK
Finished 1 year ago
6 targets to battle out over 2 weeks and learn about best practices against Corona Virus 🔥LEADERS
#47
#48
#49
#50
#51
#52
BATTLE #9 - MARGIN
Finished 1 year ago
2 fun targets to flex your muscles for the next big battle 🔥LEADERS
#45
#46
BATTLE #8 - TRANSITIONFinished 1 year ago
3 fun targets for the weekend 😀LEADERS
#42
#43
#44
BATTLE #7 - BACKFACEFinished 1 year ago
9 targets unlock across 3 weeks. Recreate them with smallest possible CSS code and climb the leaderboard!LEADERS
#33
#34
#35
#36
#37
#38
#39
#40
#41
BATTLE #6 - CONIC
Finished 1 year ago
48 hours, 2 Targets and some intense CSS golfing.LEADERS
#31
#32
BATTLE #5 - INLINE
Finished 1 year ago
48 hours, 2 Targets and some intense CSS golfing.LEADERS
#29
#30
BATTLE #4 - DISPLAY
Finished 1 year ago
8 targets unlock across 3 weeks. Recreate them in the smallest possible CSS code and climb the leaderboard!LEADERS
#21
#22
#23
#24
#25
#26
#27
#28
BATTLE #3 - CURSOR
Finished 2 years ago First ever mini-battle. 48 hours, 2 Targets. Some intense CSS golfing.LEADERS
#19
#20
BATTLE #2 - VISIBILITY Finished 2 years ago 6 targets unlock across 3 weeks. Recreate them in the smallest possible CSS code and climb the leaderboards.LEADERS
#13
#14
#15
#16
#17
#18
BATTLE #1 - PILOT BATTLE Finished 2 years ago First ever battle of CSSBattle. 12 fun warm-up targets to play and climb the leaderboards.LEADERS
#1
#2
#3
#4
#5
#6
#7
#8
#9
#10
#11
#12
GLOBAL LEADERBOARD
You: -/102990
*
Vincent De Oliveira
55721.01 (80 Targets)1st
*
Ilya Streltsyn
55693.60 (80 Targets)2nd
*
Gunnar Bittersmann
55322.70 (80 Targets)3rd
*
Gabriel DAVID
55313.64 (80 Targets)4th
*
Janne Ala-Äijälä
54542.58 (80 Targets)5th
*
Tristan Le Godais
54193.30 (80 Targets)6th
*
Teftelkin
54057.18 (80 Targets)7th
*
Esger Jellema
54002.39 (80 Targets)8th
*
Beo
53680.30 (80 Targets)9th
*
Willem van Gennip
53172.12 (80 Targets)10th
See top 100
ACTIVITY TIMELINE
Gabriel DAVID broke own record on Target #46 with 101 chars(-1).
2 days ago
Ilya Streltsyn broke own record on Target #80 with 183chars (-39).
5 days ago
© 2021 CSSBattle
Upgrade to ·Tips & Tricks ·Blog·FAQs ·Community
·About ·Become a Sponsor·Privacy & Terms ·
Details
Copyright © 2024 ArchiveBay.com. All rights reserved. Terms of Use | Privacy Policy | DMCA | 2021 | Feedback | Advertising | RSS 2.0