인프런 커뮤니티 질문&답변

HL5PFM님의 프로필 이미지
HL5PFM

작성한 질문수

[2024년 출제기준] 웹디자인기능사 실기시험 완벽 가이드(HTML+CSS+JQUERY)

3. CSS 슬라이드 애니메이션(가로 슬라이드)

애니메이션 효과 속성

작성

·

254

1

애니메이션 효과 animation: slide 10s linear infinite;로 주라고 하셨는데 어떤 강의에선 .animate 속성으로 주라고 하는데 무슨 차이이고 어느 것이 맞습니까?

답변 1

1

.animate 속성은 제이쿼리 애니메이션 메서드입니다.

슬라이더를 CSS로 만들 경우 사용할 일이 없구요.

만약 슬라이더를 제이쿼리로 만들게 되면 반드시 사용해야 하는 제이쿼리 메서드입니다.

곧, CSS에서 사용하는 animation 속성과 제이쿼리에서 사용하는 메서드인 .animate는 전혀 다른 것 입니다.

HL5PFM님의 프로필 이미지
HL5PFM
질문자

네, 자세한 답변 감사드립니다. 그럼, 애니메이션 효과 구성할 때 강의 때 처럼 animation: slide 10s linear infinite;로 작성하면 되겠네요. 감사합니다. 수고하십시오.

HL5PFM님의 프로필 이미지
HL5PFM
질문자

그런데, 선생님! 슬라이드 애니메이션 효과 무조건 제이쿼리나 자바스크립트로 구현하지 않으면 실격 처리 된다고 하는 것을 본 것 같은데, animation: slide 10s linear infinite; 는 제이쿼리나 자바스크립트로 구현한 것이 아닌 css animation 인데 상관없습니까?

공개문제 자세히 보시면 '자바스크립트 및 CSS로 구현하시오' 라고 되어 있습니다.

곧, 둘 중에 하나로 구현하면 됩니다. 편한 방식을 선택해서 연습하세요.

HL5PFM님의 프로필 이미지
HL5PFM

작성한 질문수

질문하기