메인
기술
메인
기술
무료게임
잡담
자유
개인
일정
갤러리
회원가입
계정 찾기
로그인
HOME
기술
css transition vs animation
목록
작성자
공대여자
작성 : 2022-10-25 10:07
조회 : 386
지남
1일간
2022-10-25
-
2022-10-25
좌표
첨부된 파일이 없습니다.
#css
#transition
#animation
css transition vs animation
transition
시작과 끝만 설정함
타이밍 함수를 사용해서 중간의 진행 값을 조절 할 수 있음.
되돌리면 끝에서 시작으로 돌아감
1번만 실행
보통 :hover 등과 같이 액션에 따라 동작시킴
animation
시작과 끝 사이를 마음대로 설정 할 수 있음.
복잡한 움직임 가능
무한 반복 가능
자동 실행 가능
앞으로 뒤로 동작 방향 설정 가능
요약
둘은 거의 비슷하게도 사용할 수 있지만 기본적으로는
1. 사용자 반응에 대한 단순 변화는 transition을
2. 복잡한 동작이니 JS없는 자동 동작은 animation을
사용하면 된다.
댓글
/
/
답변
수정
삭제
No Nickname
No Comment
새로운 댓글 작성
권한이 없습니다.
{{m_row.m_nick}}
내용이 너무 많습니다!
-
no-star
★☆☆☆☆
★★☆☆☆
★★★☆☆
★★★★☆
★★★★★
확인
게시물 : 3 (1 page)
📅 달력형
📷 갤러리형
RSS
tag
제목
내용
제목+내용
제목+내용+코멘트
작성자
태그
검색
No
제목
작성자
날짜
조회
공지
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
#기본형
공대여자
24-02-06
02-06
6901
공지
유용한 리눅스(LINUX) 명령어
#linux
#command
공대여자
11-03-03
03-03
16483
공지
[공지] 기술 게시판
#etc
#공지
mins01
05-06-24
06-24
16691
3
css animation 테스트용
new
1
#css
#animation
공대여자
24-05-14
05-14
30
2
css transition vs animation
#css
#transition
#animation
공대여자
22-10-25
10-25
387
1
css icons
1
#css
#animation
#icon
공대여자
20-06-19
06-19
297