페이지에 많은 CSS3 항목을 사용하는 것이 좋지 않다고 생각하십니까?

Question

나는 아래의 CSS가 css3으로 간주된다고 믿는다. 그렇지만 내 질문은 여전히 ​​아래 코드에 적용된다.

페이지의 50 개 이미지에 대한 예제로 사용 된 경우 아래 코드가 사용자 성능/렌더링 시간에 영향을 미칠 것으로 생각합니까?

이

처럼 곡선과 그림자

-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
-moz-box-shadow: 0 1px 3px #999; 
-webkit-box-shadow: 0 1px 3px #999; 

물건을 추가

-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); 
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); 
text-shadow: 0 -1px 1px rgba(0,0,0,0.25); 
border-bottom: 1px solid rgba(0,0,0,0.25); 

Answer 1

: 우리는 개발자의 사회로 (새로운 기술로 발전하지 않을 것 때문에 나는 그것을 언급하지 않았다

는 지금까지 널리 지원되지 않는 것을 사용하는 나쁜입니다) 모두가 그랬다면. 그러나, 그것은 확실히 위험하고 당신은 당신이 더 오래 걸릴 것이라고 기대해야합니다.

jasondavis는 자신의 선택에 대해 불평하지 않고 있습니다.

나는 개인적으로 그것이 50 이미지 정도의 성능을 상하게 할 것이라고 생각하지 않습니다. 페이지의 n (제한되지 않은) 이미지에서이 이미지를 사용하고 있지 않은지 확인하고, 렌더링을 여러 번 다시 렌더링해야하는 값 비싼 JavaScript 작업을 사용하고 있지 않은지 확인하십시오. 행 (특정 애니메이션 또는 이동 효과와 같은). 물론, 타겟팅하는 모든 브라우저에서 테스트해야합니다.

Answer 2

이없는 것들에 의존하지 않는, 안전을 위해 RGB 색상을 사용합니다 널리 지원됩니다.

Answer 3

필자는 가능한 한 많은 시스템에서이를 테스트했다. 분명히 IE는 모든 경계 항목을 무시할 것이고 파이어 폭스 (현재로서는)는 그림자를 이해하지 못할 것이다. (나는 그것이 웹킷이라고 생각한다).

또한 '유효한 CSS'링크를 제공하는 경우 유효성 검사기에 CSS3으로 확인하도록 알리기 위해 GET 매개 변수를 추가해야합니다.

공급 업체 접두사가 유효한지 여부는 기억이 안납니다.

UPDATE는

는 사실은 그림자 물건이 당신이 그 기능 여부에 의존하는 경우 그것은 의존 파이어 폭스 3.5

Answer 4

의로 일하고 생각합니다. 가능한 한 오래된 브라우저에서 사이트가 정상적으로 저하되어야한다는 생각입니다. 메뉴 항목 아래의 그림자는 괜찮습니다. 지원되지 않는 경우 그림자가 없습니다. 괜찮아.

구부러진 모서리와 같은 좋은 대안은 CSS3, Firefox 또는 Webkit 특성이 지원되는 경우이를 사용하고 Javascript를 사용하지 않을 경우 jQuery 플러그인을 사용하는 것입니다. 그렇게하면 가장 낮은 공통 분모로 이동하거나 모든 것을 위해 자바 스크립트를 사용하지 않고도 브라우저에서 일관된 모양을 얻을 수 있습니다.

조나단 샘슨의 코멘트에 관해서

Answer 5

커브 코너를 많이 사용하지만 페이지에 의존하지는 않습니다. 현대적인 브라우저를 사용하는 사람들에게는 사이트가 훨씬 더 멋지게 보입니다.