Chcę -webkit-transform: rotate()
dynamicznie zmienić właściwość za pomocą JavaScript, ale często używany setAttribute
nie działa:
img.setAttribute('-webkit-transform', 'rotate(60deg)');
To też .style
nie działa ...
Jak mogę ustawić to dynamicznie w JavaScript?
javascript
webkit
rymn
źródło
źródło
Odpowiedzi:
Nazwy stylów JavaScript to
WebkitTransformOrigin
iWebkitTransform
Sprawdź informacje o rozszerzeniach DOM dla WebKit tutaj .
źródło
element.style.webkitTransform = "rotate(-2deg) translateX(100px)";
Oto notacje JavaScript dla najpopularniejszych dostawców:
Zresetowałem style transformacji wbudowanej, takie jak:
I tak używając jQuery:
Zobacz wpis na blogu Kodowanie prefiksów dostawców w języku JavaScript (2012-03-21).
źródło
transform
.win.style.transform ="translate(-50%)"
nie działaSpróbuj użyć
źródło
Jeśli chcesz to zrobić za pośrednictwem
setAttribute
, zmieństyle
atrybut w następujący sposób:Byłoby to pomocne, jeśli chcesz zresetować wszystkie inne style wbudowane i ponownie ustawić tylko potrzebne wartości właściwości stylu, ALE w większości przypadków możesz tego nie chcieć. Dlatego wszyscy radzili używać tego:
Powyższe jest równoważne z
źródło
Aby animować swój obiekt 3D, użyj kodu:
źródło