CSS 전환 속성을 사용하는 방법

CSS 전환 속성은 축약된 속성입니다. 구문은 전환: 속성 기간 타이밍-함수 지연이며, 4개의 전환 속성을 설정하는 데 사용됩니다.

CSS 전환 속성을 어떻게 사용하나요?

기능:

전환 속성은 4개의 전환 속성을 설정하기 위한 약식 속성입니다: -property는 전환 효과를 설정하는 CSS 속성의 이름을 지정합니다.

transition-duration은 전환 효과를 완료하는 데 걸리는 시간(초 또는 밀리초)을 지정합니다. transition-timing-function은 속도 효과의 속도 곡선을 지정합니다.

transition-delay 전환 효과가 시작되는 시기를 정의합니다.​

참고: 항상 전환 지속 시간 속성을 설정하세요. 그렇지 않으면 지속 시간이 0이 되고 전환 효과가 생성되지 않습니다.

css 전환 속성 사용 예

transition: property duration timing-function delay;

효과 출력:

위 내용은 CSS 전환 속성을 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!