Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.09.2011, 14:22
Профессор
Отправить личное сообщение для Nanto Посмотреть профиль Найти все сообщения от Nanto
 
Регистрация: 21.12.2010
Сообщений: 243

Можно ли повернуть блок?
средствами js?
Т.е. есть div с бэкгрундом - при клике надо повернуть его на 90° - это реально? Ведь через css такое вроде не решается...
Или делать две картинки?
Ответить с цитированием
  #2 (permalink)  
Старый 15.09.2011, 14:35
Профессор
Отправить личное сообщение для ваый Посмотреть профиль Найти все сообщения от ваый
 
Регистрация: 29.06.2011
Сообщений: 445

<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>
Ответить с цитированием
  #3 (permalink)  
Старый 15.09.2011, 14:42
Профессор
Отправить личное сообщение для Nanto Посмотреть профиль Найти все сообщения от Nanto
 
Регистрация: 21.12.2010
Сообщений: 243

ваый,
Спасибо!
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Показать/скрыть блок Lelja_05 jQuery 10 01.07.2013 20:05
Выдвижной блок fr0d Javascript под браузер 0 02.09.2011 17:37
Можно ли как-то сократить скрипт случайной цитаты (см. внутри)? Hyuga_Nia Общие вопросы Javascript 4 20.01.2011 22:00
Блок с сообщением - Javascript или jQuery qwermjk Общие вопросы Javascript 3 12.07.2010 09:48
Фиксированный блок kakarotto Элементы интерфейса 2 09.07.2010 00:20