LEE.SOL > CSSBattle > Daily Targets (260131)

Daily Targets (260131)

코드

<p><p s><p t><p f>
<style>
  &>*{
    background:#555FD9
  }

  p {
    position: fixed;
    top: 84;
    left: 60;
    width: 100;
    height: 100;
    /* 원 중앙 선 표현 */
    background: linear-gradient(#555FD9) 50% / 20px no-repeat, #EFBB74;
    border-radius: 50%
  }

  [s] {
    left: 240
  }

  [t],[f] {
    transform: rotate(90deg);
    left: 150
  }

  [t] {
    top: -6
  }

  [f] {
    top: 174
  }
</style>