CSS Battle #111 – Rain Drops

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

Code Source (not minified) – 612.1 {367}

<div><div><div>
<style>
  body {
    background: #F3AC3C;
    transform: translate(-35.5px, -110px) rotate(-135deg)
  }
  div {
    background: #254241;
    width: 80;
    height: 80;
    border-radius: 50% 50% 0;
    transform: rotate(180deg);
    transform-origin: 89.5px 89.5px;
    div>div {
      transform: translate(7px, -7px) rotate(90deg);
    }
  }
</style>

[meg-gutshall]

I found something interesting! I don't know if this is for plus members only or everyone, but you can publish your solutions now!

• Score: 611.11 {376}, 100% match – Code
• Score: 611.99 {368}, 100% match – Code
  • Minified score: 637.63 {247}