CSS Battle #141 – Third Eye

[Arvind644]

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!

[Arvind644]

Code Source – 605.7 {446}

<div></div>
<div c></div>
<div r></div>
<style>
  body {
    display: grid;
    background: #E3516E;
    margin: 0;
  }
  div {
    width: 75;
    height: 75;
    background: #D9D9D9;
    border-radius: 0 0 75px 0;
  }
  [c] {
    justify-self: center;
    align-self: center;
    width: 100;
    height: 100;
    border-radius: 0 100px;
    rotate: -45deg;
  }
  [r] {
    justify-self: end;
    align-self: end;
    rotate: 180deg;
  }
</style>

[missatrox44]

Code Source – 607.59 {416}

<p t/>
<p m/>
<p b/>
<style>
  body {
    background: #E3516E;
  }
  p {
    width: 150;
    height: 150;
    background: #D9D9D9;
    border-radius: 50%;
    position: absolute;
    margin: 0;
  }
  [m] {
    left: 150;
    top: 100;
    border-radius: 0 100px;
    width: 100;
    height: 100;
    rotate: -45deg;
  }
  [t] {
    left: -75;
    top: -75;
  }
    [b] {
    right: -75;
    bottom: -75;
  }
</style>

[Narigo]

Code Source – 611 {377}

<style>
  &{background:
    radial-gradient(1q at 50% -70px,#D9D9D9 100px,#E3516E 0) 0 149px / 400px 70px no-repeat,
    radial-gradient(1q at 50% 140px,#D9D9D9 100px,#E3516E 0) 0 81px / 400px 70px no-repeat,
    conic-gradient(#E3516E 90deg,#3210 0 180deg, #E3516E 0 270deg,#3210 0),
    radial-gradient(1q at 80px 80px,#D9D9D9 75px,#E3516E 0) -80px -80px / 400px 300px
    }