CSS 애니메이션 방향 속성

CSS animation-direction 속성은 애니메이션 재생 방법을 정의하는 데 사용됩니다. 즉, 애니메이션을 앞으로 , 뒤로 또는 번갈아 가며 재생할 수 있습니다. 이것은 CSS3 속성 중 하나입니다. 기본값은 정상입니다. 애니메이션을 실행할 때마다 시작 상태로 재설정되고 다시 시작됩니다. 이 속성은 다음 값을 허용합니다. 노멀 리버스 대체 대체 역방향 상속 | 상속 | 아니요 | |...

learncsscssa

CSS background-blend-mode 속성

CSS background-blend-mode 속성은 각 배경 레이어의 혼합 모드를 정의합니다. 배경 레이어가 여러 개이고 지정된 블렌드 모드 목록이 있는 경우 이 속성은 background-image와 동일한 순서로 적용될 수 있습니다. 이 속성은 혼합 모드를 일반으로 설정합니다. 혼합 모드를 곱하기로 설정합니다. 혼합 모드를 화면으로 설정합니다. 혼합 모드를 오버레이로 설정할 수 있습니다...

learncsscssb

CSS animation-duration 속성

animation-duration 속성은 애니메이션이 한 주기를 완료하는 데 걸리는 시간을 정의합니다. 지정하지 않으면 애니메이션이 작동하지 않습니다. 이 속성은 애니메이션에서 중요한 역할을 합니다. animation-duration 속성의 기본값은 0 이며 이는 애니메이션이 즉시 시작됨을 의미합니다. CSS3 속성 중 하나입니다. 기간은 초(s) 또는 밀리초(ms)로 지정할 수 있습니다. ...

learncsscssa

CSS 배경 클립 속성

CSS background-clip 속성은 배경이 요소와 함께 확장되어야 하는 정도를 정의합니다. 여기서 배경은 색상 또는 이미지가 될 수 있습니다. CSS3 속성 중 하나입니다. 참고: 이미지에 배경색이나 배경 이미지가 없는 경우 이 속성은 시각적 효과만 가집니다. 이 속성은 다음 값만 허용합니다. 보더박스 패딩박스 콘텐츠 상자 텍스트 이니셜 상속 | 초기값 | 테두리 상자 | | 적용 |...

learncsscssb