다음 속성은 브라우저 호환성에 좋지 않습니다.
1. 변형 : 회전 (45deg)
2. Border-Top-Left-Radius이 속성은 요소에 둥근 경계를 추가 할 수 있습니다.
3. Border-Radius이 속성은 요소에 둥근 경계를 추가 할 수 있습니다.
4. Box-Shadow 속성은 상자에 하나 이상의 그림자를 추가합니다.
5. 텍스트 -Shadow 속성은 그림자를 텍스트에 설정합니다.
6. 회계
각 브라우저와 더 잘 호환 되려면 접두사가 필요합니다.
-o- /*오페라 브라우저* /
-webkit- /*Webkit 커널 브라우저 사파리 및 크롬* /
-ms- /*즉 9* /
-Moz- /*Firefox 브라우저* /
1. 변형 : 회전 (45deg) 객체는 변환 속성을 통해 회전합니다. 여기서 (45deg)는 회전 각도입니다.변환 : 회전 (45deg);
-ms-transform : 회전 (45deg); /*즉 9*/
-o-transform : 회전 (45deg); /*오페라 브라우저*/
-webkit-transform : 회전 (45deg); /*WebKit 커널 브라우저 사파리 및 크롬*/
-Moz 변환 : 회전 (45deg); /*Firefox 브라우저*/
2. 보더-탑-라디우스 국경 radius이 속성은 요소에 둥근 경계를 추가 할 수 있습니다.전자는 둥근 테두리가 추가되는 위치를 선택할 수 있습니다.
국경-왼쪽-라디우스, 국경-오른쪽 라디우스, 국경-바닥-왼쪽-라디우스, 국경-바닥-오른쪽 래디 우스, 국경-바닥-오른쪽 라디우스
국경-왼쪽-라디우스이 속성을 사용하면 둥근 경계를 추가 해야하는 곳을 제어하기 위해 Border-Radius와 마찬가지로 둥근 경계를 요소에 추가 할 수 있습니다.
3. Box-Shadow 속성은 상자에 하나 이상의 그림자를 추가하고 Text-Shadow 속성은 그림자를 텍스트에 설정합니다.Box-Shadow : H-Shadow || V-Shadow || 블러 || 스프레드 || 색상 || 삽입;
속성 : 수평 그림자의 위치 || 수직 그림자의 위치 || 흐림 거리 || 그림자 크기 || 그림자 색상 || 외부 그림자 (처음)을 내부 그림자로 변경하십시오
Box-Shadow : 1px 1px 3px #292929;
Text-Shadow : H-Shadow || V-Shadow || 블러 || 색상;
Text -Shadow : 0px -1px 0px #000;
4. 회계속성 || 지속 시간 || 타이밍 기능 || 지연
전환 효과를 설정하는 CSS 속성의 이름을 지정합니다 || 전환 효과를 완료하는 데 몇 초 또는 밀리 초가 필요한지 지정 || 속도 효과의 속도 곡선을 지정합니다 || 전환 효과가 시작되는시기를 정의합니다
현재 모든 브라우저는 전환 속성을 지원하지 않습니다.
기본값을 완화하십시오. 애니메이션은 저속으로 시작한 다음 속도가 높아져 끝나기 전에 속도가 느려집니다.
편의 애니메이션은 저속으로 시작됩니다.
편의 애니메이션은 저속으로 끝납니다
쉽게 아웃 애니메이션이 시작되고 저속으로 끝납니다
전환 : 배경 5s 편의;
ONE EG :
코드를 복사하십시오