DEV Community: Yash Harkhani

CSS Battle #7 level 37

Yash Harkhani — Sat, 24 Apr 2021 14:25:13 +0000

<div><p><p b>
<style>
  *{
    background: #1A4341;
    position: fixed
  }
  p{
    width: 50;
    height: 250;
    background: #F3AC3C;
    margin: 92 17;
    border-radius: 100px;
    -webkit-box-reflect: right 100px
  }p[b]{
    background: #998235;
    margin: -58 92;
    -webkit-box-reflect: right 100px
  }div{
    -webkit-box-reflect: right 534px
  }

CSS Battle #7 level 33

Yash Harkhani — Sat, 24 Apr 2021 14:21:08 +0000

Link: https://cssbattle.dev/play/33

<p a><p b>
<style>
  *{
    background: #1A4341;
    position: fixed
  }
  p[a]{
    width: 75;
    height: 150;
    background: #998235;
    margin: 67 117;
    border-radius: 100px 0 0 100px
  }p[a]:before{
    content: "";
    background: #0B2429;
    width: 30;
    height: 30;
    border-radius: 100%;
    position: absolute;
    margin: 30
  }
  p[b]{
    width: 100;
    height: 100;
    background: #F3AC3C;
    border-radius: 0 100px 0 0;
    margin: 42 192
  }

CSS Battle #2 level #16

Yash Harkhani — Thu, 22 Apr 2021 17:38:00 +0000

Link: https://cssbattle.dev/play/16

<p b><p a>
<style>
  *{
    background: #0B2429;
    margin: 0;
    position: fixed;
  }
  p[a] {
    background: #0B2429;
    width: 50;
    height: 50;
    border-radius: 50%;
    box-shadow: 0px 0px 0px 45px #F3AC3C, 0px 0px 0px 65px #0B2429, 0px 0px 0px 75px #998235;
    top: 125;
    left: 175;
  }
  p[b]{
    width: 0;
    height: 0;
    border: 65px solid transparent;
    border-right-color: #998235;
    top: 85;
    left: -7;
    -webkit-box-reflect: right 154px;
  }
</style>