be special ✨

순차적 애니메이션 동작하도록 만들기(GSAP) elments.forEach((element, idx) => { gsap.to(element, 1, { delay: (idx + 1) * 0.7, opacity: 1, }); }); idx는 0부터 시작하므로 +1 해주어 0.7, 1.4, 2.1, 2.7 .... 과 같은 delay(지연시간)을 두고 동작하게 된다. 요소가 최대한 줄어들어있을때 최대 크기를 가지도록 설정 부모요소가 flex이고, 대상요소가 width 값이 따로 없을 때에는 최대한 줄어들어 화면에 표시되지 않게 되는데, 이 경우 flex-grow 속성으로 최대한의 width를 차지하도록 설정할 수 있다. (flex-grow:1;) flex내 높이는 최대한 늘어나려고 한다(align-items ..