2024-4-29.md

Daily target #2024-4-29

1° método

473 caracteres em 11/05/2024.

<div class="objeto1"></div>
<div class="objeto2"></div>
<div class="objeto3"></div>
<style>
  body {
    background-color: #631E1D;
  }
  div {
    width: 30px;
    height: 250px;
    background-color: #F16B4A;
  }
  .objeto1 {
    transform: rotate(90deg) translateX(87px) translateY(-177px);
  }
  .objeto2 {
    transform: rotate(30deg) translateX(2px) translateY(-270px);
  }
  .objeto3 {
    transform: rotate(-30deg) translateX(430px) translateY(-310px);
  }
</style>

Notas

Revisar: apesar da conclusão, não entendi exatamente como foi definida a distância dos objetos em relação ao centro de rotação.

---

---

Link para o Daily target #2024-4-29 em CSSBattle.dev.