CSS Battle #106 – Ryuk's Apple

[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]

Still haven't found a way to create an ellipse with rotation with just the background property... :(

Code Source – 604.16 {479}

<style>&{background:
linear-gradient(#D4392D,#D4392D)50% 70px / 10px 20% no-repeat,
#000;
&::after,&::before {
  content:'';
  inset:0;
  position:absolute;
  --g: radial-gradient(110q 93q,#D4392D 63.5q, #0000 0);
  --t: translate(29px)rotate(-57deg);
  background:var(--g);
  transform:var(--t);
}
&::before {
  background:
    radial-gradient(1q,#000 31px, #0000 0)48px 30px,
    radial-gradient(1q,#000 31px, #0000 0)14px 52px,
    var(--g);
  transform:scaleX(-1)var(--t);
}