Медленно поворачивайте страницу с помощью CSS

Question

Можно ли медленно вращать части страницы (в данном случае один класс) с помощью CSS?Мой текущий код:

.c1
{
 -webkit-transform: rotate(170deg);
 -moz-transform: rotate(170deg);
 -o-transform: rotate(170deg);
}

К сожалению, я не могу использовать для этого javascript с таким количеством доступа.

Есть ли способ повернуть этот класс при опрокидывании или, еслимышь поверх него или просто вращается?Это должно быть сделано полностью через CSS.

Спасибо за помощь!Я знаю, что это странная просьба, но я надеюсь найти ответ.

Answer 1

Для Firefox:

 -moz-transform: rotate(15deg) scale(1.25, 0.5);
 transform: rotate(15deg) scale(1.25, 0.5);

Для Chrome, Safari и Opera:

    -webkit-transform: rotate(15deg) scale(1.25, 0.5);

И Internet Explorer не поддерживает это:]

Answer 2

Есть несколько хороших советов и подсказок на этой странице для Firefox.:)

Что-то вроде:

.transformed {
    -webkit-transform: rotate(15deg) scale(1.25, 0.5);
    -moz-transform: rotate(15deg) scale(1.25, 0.5);
    transform: rotate(15deg) scale(1.25, 0.5);
}

Что у вас есть, но учтите, что Firefox поддерживает его только с версии 3.1 и выше.:)