CSS3은 아직 멀었습니다, 아니면 곧 다가올 것인가요? 이는 기술적인 질문이 아니라 사람들이 W3C 표준을 준수하지 않는 오래된 브라우저를 언제 완전히 버릴 수 있는지에 대한 질문입니다. CSS3의 기대치가 높은 것은 확실합니다. CSSTricks에서는 총 7,000명이 참여하여 투표를 진행했습니다. 흥미로운 점은 상위 3개 결과가 매우 비슷하다는 것입니다.
.jpg)
많이 기대되는 CSS 3 기능에 대한 조사
1. 둥근 모서리
(22.0%, 1,541표)
이 기능은 Mozilla, Webkit 등과 같은 브라우저에서 널리 사용되었으며 의심할 여지 없이 웹 디자이너들이 가장 기대하는 기능입니다. 그러나 IE는 아직 이 기능을 지원할 조짐이 없습니다.
2. 다양한 배경
(22.0%, 1,523표)
이 기능이 가장 기대되는 기능이지만 이전 버전과의 호환성이 큰 문제가 될 것입니다.
3.@글꼴-얼굴
(21.0%, 1,424표)
Firefox의 최신 버전은 이 기능을 지원할 예정이며, Safari, Opera 및 IE에서도 이 기능이 널리 적용되는 것을 볼 수 있지만 글꼴의 저작권 문제는 문제가 될 것입니다.
4. 애니메이션과 그라디언트
(12.0%, 818표)
Webkit은 이 점에서 선두주자이고 애니메이션도 디자인의 일부이므로 CSS에 속해야 합니다. 이는 천천히 구현될 예정이며 Webkit 이외의 브라우저에서 이 기능을 지원하기 시작하면 놀라운 효과를 많이 볼 수 있습니다.
5. 그라데이션 컬러
(8.0%, 535표)
고정된 색상 배경을 정의하는 것은 매우 간단하지만 그라데이션 색상은 그렇게 간단하지 않습니다. 그라데이션 색상은 코드를 통한 구현에 매우 적합하며 Webkit이 이 점에서 앞장서고 있습니다.
6. 박스 섀도우
(4.0%, 271표)
그림자도 그라데이션 색상입니다. 과거에는 배경 이미지를 통해 구현했지만, 다방향 그림자를 고려하면 모든 문제가 더 복잡해집니다.
7. RGBa - 투명한 색상 추가
(3.0%, 234표)
RGBa의 a는 투명한 색상을 나타냅니다. 현재 디자이너에게는 투명도가 매우 중요합니다. IE 외에도 이 기능이 널리 채택되고 있습니다.
8. 텍스트 그림자
(2.0%, 140표)
또한 그라데이션 컬러 개념에 속해 기존의 그림 배경에서는 볼 수 없었던 그림자를 텍스트에 부여함으로써 디자이너에게 전례 없는 편리함을 선사할 것입니다.
9. 기타
(2.0%, 168표)