게으른 사람들을 위한 CSS 전환 생성기.
CSS 생성기 - 전환
CSS Transitions 속성을 사용하면 HTML 요소 스타일을 다른 스타일로 원활하게 변경할 수 있습니다. 전환은 자바스크립트 또는 사용자 이벤트에 의해 CSS 속성이 변경될 때 실행됩니다.
전환:<STYLE-NAME> <TOTAL-TIME> <TIMING-FUNCTION> <DELAY-START>;
전환은 4개의 매개변수를 정의합니다.
1) 어떤 CSS 속성이 실행 중인지
2) 얼마나 오래 실행될 것인가
3) 타이밍 기능이란 무엇입니까(전환 속도)
4) 전환 시작 시기
<STYLE-NAME>은 transition-property로 전환이 적용될 CSS 속성을 지정합니다. 개별 속성 또는 전체 속성을 설정할 수 있습니다. 타이밍 기능은 애니메이션의 속도(느림 또는 빠름)를 정의합니다. Cubic Bazier는 애니메이션의 사용자 정의 속도를 정의합니다. 전환은 루프에서 실행할 수 없습니다. CSS 애니메이션 속성은 루프 처리를 수행하는 대체 옵션입니다.
