2013-09-30 2 views
0

잠시 동안이 질문에 대해 숙고 해 왔습니다. 시행 착오를 많이하길 원하지 않기 때문에 :자바 스크립트를 통해 얼마나 많은 CSS3에 액세스 할 수 있습니까?

얼마나 좋은 css3 속성을 통해 액세스 할 수 있습니까? ol javascript ?

내가, -moz-, -webkit-와 주변 요소의 등 속성을 속일 수

또는 다른 말로

? 그리고 요소에 요소를 추가 할 수 있습니까?

있습니다 다음, 스타일을 창조을 추가하고 마지막으로 클래스 요소의 속성이 내가 마음에 무엇을 위해 그것을 잘라하지 않을 설정이 :

+1

브라우저에서 지원하는만큼. – BoltClock

+0

흠,': before'와': after' 의사 요소에 접근 할 수 없습니다. – insertusernamehere

+0

보류? 어떤 코드도 묻지 않았습니다 .. 단지 한 줄의 답 : P –

답변

0

거의 모든 봐. 약점은 실제 CSS와 함께 작동하는 것입니다. 확실히 -webkit 또는 -moz 속성을 설정할 수 있습니다. 속성을 참조 할 때 "-"을 놓고 낙타의 경우를 사용하십시오. 동일한 변환은 값에 적용되지 않습니다 (아래 참조). 따라서 -webkit-transition-property는 webkitTransitionProperty가됩니다. 이들을 요소에 추가하는 것은 style 속성을 통해 이루어진다. 그래서

node.style.webkitTransitionProperty = "-webkit-transform"; 
+0

작동하지 않습니다. 속성 이름에'Property'를 추가 할 필요가 없습니다. – Pavlo

+0

이상하게도 내 앱에서 잘 작동합니다. 진지하게, 나는 3 단어로 된 용어를 보여 주려고 했으므로, webkitTransition이하는 것처럼 집합 된 집합이 아니라 전이 속성을 설정하기로 결정했습니다. 코드가 의미합니다. – DrC

0

체크 아웃 modernizr \ 지원이 존재하는지 확인합니다.

다른 브라우저의 접두어의 경우 Prefixr을 사용할 수 있습니다.

당신이 SASS를 사용하는 경우

은 노드 수준에서 설정 될 수 Bourbon

0

나는 CSS3가 그것을 할 수있는 경우에도 잘 할 수 있지만 브라우저에 따라 다를 수 있다고 말하고 싶습니다. 그러나 거의 모든 스타일 속성을 자바 스크립트로 조작 할 수 있다고 가정 할 수 있습니다. 이름은 -mox-boxshadow과 다를 수 있습니다. element.style.mozBoxShadow

관련 문제