Virtual Coffee
CSS Battle #146 - STREAKS #1458
Replies: 5 comments 3 replies
-
Code Source – 699.48 {146}<style>&{background:linear-gradient(135deg,#998235 345px,#FCBE5C 0 370px,#0B2429 0 395px,#998235 0 420px,#FCBE5C 0 445px,#0B2429 0 470px,#998235 0 |
Beta Was this translation helpful? Give feedback.
-
I BEAT JÖRN!!! – 704.33 {141}<style>&{background:linear-gradient(-45deg,#998235 25px,#0B2429 0 50px,#FCBE5C 0 75px,#998235 0 25vw,#0B2429 0 125px,#FCBE5C 0 50vh,#998235 0 |
Beta Was this translation helpful? Give feedback.
-
Code Source – 613.44 {356}<a s></a>
<style>
body {
background: #998235;
margin: 0;
}
[s] {
position: fixed;
bottom: -65;
right: -261;
width: 480;
height: 25;
background: #FCBE5C;
transform: rotate(-45deg) translate(0, -20px);
transform-origin: left center;
box-shadow:
0 25px #0B2429,
0 50px #998235,
0 75px #FCBE5C,
0 100px #0B2429;
}
</style> |
Beta Was this translation helpful? Give feedback.
-
|
Another try with 4 Code Source – 696.67 {149}<p x><p><p x><p><style>&{rotate:135deg;*{height:25;margin:var(--m,-97-50);background:var(--b,#998235);p{--m:0;--b:#FCBE5C;&[x]{--m:25-0-0;--b:#0B2429 |
Beta Was this translation helpful? Give feedback.
-
I BEAT MEG!!! - 710.47 {135}<body bgcolor=998235 style=margin:-9%+102px;rotate:45deg;box-shadow:26q+0#FCBE5C,52q+0#0B2429,79q+0#998235,105q+0#FCBE5C,132q+0#0B2429> |
Beta Was this translation helpful? Give feedback.
-
|
I think there was some funny copy pasting business, your code got cut off. |
Beta Was this translation helpful? Give feedback.
-
|
Sorry, I had to do the three backticks in another line to make it work |
Beta Was this translation helpful? Give feedback.
-
|
Beautiful! I still haven't been able to solve it haha I will try linear gradients next week! |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
Link to battle:
Let's battle! ⚔️
Copy the code block below to format your comment on the discussion thread:
What others will see:
This will result in a nice hidden bit like so:
Code Source – score {characters}
Beta Was this translation helpful? Give feedback.
All reactions