[Develop] 23.05.29 개발 공부 일지

요약: 굽네치킨 Goobne-new 부분 제작

일시: 23.05.29

장소: 집

배운 점:

- setInterval와 Foreach를 활용하여 계속이어지는 글자 구현

function moveSpan() {
    const elements = document.querySelectorAll('.text-goobne');
    let distance = 0;

    setInterval(() => {
        elements.forEach((element) => {
            element.style.transform = `translateX(${distance}%)`;
        });
        distance -= 0.1;

        if (distance < -100) {
            distance = 0;
        }
    }); // Using approximately 60 frames per second (1000ms / 60 frames = 16.67ms)
}
moveSpan()

 

부족한 점:

slick 오류 수정