[ css ] keyframe - css 애니메이션 기능 적용해보기 > Html

본문 바로가기
사이트 내 전체검색

Html

[ css ] keyframe - css 애니메이션 기능 적용해보기

페이지 정보

작성자 웹지기 쪽지보내기 메일보내기 자기소개 아이디로 검색 전체게시물 댓글 0건 조회 387회 작성일 18-11-23 16:17

본문

keyframe - css 애니메이션 기능 적용해보기

 

 

html

<p>동해물과 백두산이 마르고 닳도록 하나님이 보우하사 우리나라 만세</p>

 

css

p {

  animation-duration: 3s;

  animation-name: slidein;

}


@keyframes slidein {

  from {

    margin-left: 100%;

    width: 300%

  }


  to {

    margin-left: 0%;

    width: 100%;

  }

}

추천0 비추천0

댓글목록

등록된 댓글이 없습니다.

Total 61건 1 페이지
+1
게시물 검색

회원로그인

접속자집계

오늘
24
어제
197
최대
283
전체
49,864

그누보드5
Copyright © funyphp.com. All rights reserved.