[js]메뉴에 순차적으로 tranition 효과 주기

예루루·2023년 8월 15일
0

메뉴 부분 검색아이콘을 클릭했을 때,
li들이 순차적으로 사라지는 transition 효과를 주는법!

✍️코드리뷰

 liEls.forEach(function(el, index) {
    el.style.transitionDelay = index * .4/liEls.length + 's'
  })

forEach() 함수는 liEls 배열의 모든 요소들에 대해 반복하며, 각 요소에 대해 지정된 함수를 실행!

이 코드에서는 transitionDelay 속성에 대한 값을 계산하여, li 요소들이 차례로 나타나도록 지연을 적용!

순서를 반대로 하고 싶다면, reverse 를 추가하면 된다!

profile
모든 걸 이곳에 두고 왔다. - 예루루 D. 로져

0개의 댓글