• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 HTML/CSS 게시판 Landing Page 실습 중, 애니메이션 질문입니다.

Landing Page 실습 중, 애니메이션 질문입니다.

3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 글쓴이
  • #17943

    이니
    참가자


     

    해당 이미지 위에 흰 박스를 하나 올려놓는 형식으로 줌-인, 줌-아웃 되는 것을 해설보고 구현을 했는데,

    해당 애니메이션 효과에 다른 애니메이션 요소들도 추가할 경우는

    @keyframes를 써야하는 걸까요 ,,? 동시 적용은 안되어서 시간차로 적용시켜야 하는걸까요?

    #17944

    이니
    참가자

     

    또한 제가 애니메이션을 저렇게 두 개를 만들어서 적용을 시켰는데,

    빨간색으로 표시한 애니메이션이 먼저 코드가 작성되었는데,

    실행되는건 형광부분 애니메이션입니다.

     

    맨 마지막에 있는 코드를 인식해서 그런걸까요?

     

    #17949

    codingapple
    키 마스터

    @keyframes 는 일방향이 아닌 중간단계가 많은 복잡한 애니메이션 만들 때 쓰면 됩니다 

    네 아마 class 두개에서 주는 스타일이 서로 겹쳐서 그런 것이 아닐까요 css 문제 같습니다

3 글 보임 - 1 에서 3 까지 (총 3 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠