CSS Battle #99 – Gift Box

[Narigo]

Link to battle:

Let's battle! ⚔️

Copy the code block below to format your comment on the discussion thread:

<details>
<summary>Code Source – <strong>score {characters}</strong></summary>
<!-- have to be followed by an empty line! -->

```html
your cssbattles code here!
```

</details>

What others will see:

This will result in a nice hidden bit like so:

Code Source – score {characters}

your cssbattles code here!

[Narigo]

Forgot to post this! Took me a while to get from 99.9% to 100% though - width and height of the loop on top was my issue. Used a technique that I haven't used before for the box!

Code Source – 602.61 {528}

<div l></div>
<div r></div>
<div b></div>
<style>
  body{
    background:#AC474B;
  }
  *{position:fixed;}
  [l],[r] {
    top: 42;
    left: 157;
    position:absolute;
    width: 21;
    height: 20;
    border: 10px solid #fff;
    border-radius: 20px 20px 0;
    background: #AC474B;
  }
  [r] {
    left:187;
    border-radius: 20px 20px 20px 0;
  }
  [b] {
    top: 110;
    left: 130;
    width: 20;
    height: 20;
    border: 64q solid;
    border-image: linear-gradient(#fff,#fff);
    background: #AC474B;
  }
</style>