2014-01-04 2 views
1

Я работаю с svg и некоторым преобразованием css3, но у меня возникают проблемы с webkit.svg text wont transform в браузерах webkit

Я не могу понять, почему, но это работает на FF, а не с WebKit браузеров ширина проста:

-webkit-transform: rotate(90deg);

При наведении курсора мыши на след текста вращаются в хроме Нету, кто имеет ideaa? здесь код экзамена: (http://jsfiddle.net/DcjYG/);

+0

Учитывая, что это текст SVG, вам, скорее всего, повезет больше, если вы используете атрибут преобразования SVG, а не стиль CSS. –

+0

Вы абсолютно правы, но мне нужно повернуть элемент вокруг оси Y (roteteY). Как я знаю, нет способа сделать это с помощью svg transform :( – Dtnand

+0

Вы хотите, чтобы он отображался справа налево, т. Е. Как txet etator, но с буквами назад тоже? –

ответ

0

Разве это не то, что вы хотите?

<animateTransform type="scale" attributeName="transform" values="1,1;0,1;1, 1" begin="mouseover" dur="800ms"> 
+0

Я пробовал, но похоже, что он не работает http : //jsfiddle.net/DcjYG/1/ – Dtnand

+0

Я обновил его, чтобы он снова и снова включался. Это ближе? Если не то, что еще вы ищете. «Это не работает» не очень понятно. –

+0

i «Пробовал код, и он на самом деле работает: http: //jsfiddle.net/DcjYG/2/ есть ли способ использовать персектное и перспективное происхождение, как я использовал с css? – Dtnand

Смежные вопросы