09/12/2024

Score
600.36
Characters
736
09/12/2024 image
<div class="box"></div>
<div class="bar">
  <div class="red"></div>
  <div class="plain"></div>
</div>
<style>
  body {
    background: #F0DAC1;
    margin: 0;
  }
  .box {
    position: absolute;
    height: 11.25rem;
    width: 8.75rem;
    background: #C3463D;
    z-index: 5;
    top: 1.9rem;
    left: 0;
  }
  .bar {
    width: 75%;
    height: 11.25rem;
    margin-top: 5.65rem;
    position: relative;
  }
  .red {
    background: #A52F28;
    width: 100%;
    height: 100%;
  }
  .plain {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0%, -50%);
    background: #F0DAC1;
    width: 5rem;
    height: 100%;
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
    outline: 1px solid red;
  }
</style>
https://rua-iri.com/css_battle/09-12-2024/