[CSS] keyframes 이름이 동일할 떄, 발생할 수 있는 이슈

영리치 0 2,414 2021.10.06 19:45

@keyframes ${(props) => `bubblepop${props.idx}`} {
    0% {
      margin-bottom: 20px;
      opacity: 100%;
      visibility: visible;
    }
    20% {
    }
    100% {
      margin-bottom: calc(90vh);
      opacity: 20%;
      ${(props: styleProps) => {
        return `margin-left: calc(${props.rand}vw)`;
      }}
    }
  }



keyframe 쓸 때 이름이 동일하면, 하나가 바뀔 때, 다른 하나도 바뀌게 됨. 따라서 이름 다르게 해줘야함.

Comments

[인터뷰] 국내 게임 대기업 PD님 인터뷰 (업계 최고의 PD 양성자)

100억 이상 들어간 게임은 성공 확률이 5% 정도이다.일반적인 인디 게임을 포함해서 게임 제작의 성공 확률은 1%도 안될 것 같다게임은 정말 성공 확률이 굉장히 낮은 비즈니스이다.대신, 성공하면 크게 먹는다누구나 …

영리치 | 02.24