keyframes 이용한 에니메이션
페이지 정보
작성자
운영자
쪽지보내기
메일보내기
자기소개
아이디로 검색
전체게시물
댓글 0건
조회 2,660회
작성일 20-12-19 10:03
본문
<style>
.scroll_arrow { width:1px; height:50px; background:#000; position:relative; animation: move_arrow 1s infinite; left:50%; }
.scroll_arrow:before { content:''; width:14px; height:14px; border-top:1px solid #000; border-right:1px solid #000; transform:rotate(135deg); position:absolute; bottom:0px; left:-7px; }
@keyframes move_arrow {
0% { height:50px;}
50% { height: 80px;}
0% { height:50px;}
}
</style>
<div class="scroll_arrow"></div>
댓글목록
등록된 댓글이 없습니다.