Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Можно ли повернуть блок? (https://javascript.ru/forum/dom-window/21564-mozhno-li-povernut-blok.html)

Nanto 15.09.2011 14:22

Можно ли повернуть блок?
 
средствами js?
Т.е. есть div с бэкгрундом - при клике надо повернуть его на 90° - это реально? Ведь через css такое вроде не решается...
Или делать две картинки?

ваый 15.09.2011 14:35

<style>
.rotated {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
#test {
    width: 60px;
    height: 60px;
    border: 1px gray solid;
    background: url(http://www.uksafari.com/pics/tree.gif) no-repeat 15 15;
}
</style>

<div id="test" onclick="this.className='rotated'"></div>

Nanto 15.09.2011 14:42

ваый,
Спасибо!


Часовой пояс GMT +3, время: 05:19.