Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 26.02.2017, 19:02
Новичок на форуме
Отправить личное сообщение для vladimirr.89 Посмотреть профиль Найти все сообщения от vladimirr.89
 
Регистрация: 26.02.2017
Сообщений: 1

Расширение активного окна в 3d кубе
Добрый вечер.

У меня есть куб http://codepen.io/valoft/pen/xqbeLm

Он хорошо работает, поворачивается нужными сторонами, но мне нужно в него написать контент. А лицевая сторона маленькая всего 300 пикселей и если я её увеличу скажем до 90vw и 90vh, то куб весь расползется распадется и будет некрасивым. Я бы хотел чтобы после поворота лицевая сторона увеличивалась до этих значений, а когда кликаем другую сторону, чтобы она уменьшалась до дефолтных 300 пикселей (скажем при участии setTimeOut), разворачивалась и та другая сторона увеличивала свою ширину и высоту. И так далее.

Функция что то типа

$(function() {
if ($('.side').css('transform', 'rotate (0deg)'){
$('.side').css('width: 90vw', 'height: 90vh');
});

if click another side this side css.default('width: 300px', 'height: 300px')
});

Только я не могу понять как правильно её реализовать, чтобы работала. Помогите пожалуйста!

Последний раз редактировалось vladimirr.89, 26.02.2017 в 19:11.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Всплывающие окна Diphenyl Oxalate Ваши сайты и скрипты 4 13.02.2017 00:06
Dojo dialog автоматическое масштабирование диалогового окна и содержимого Aleksey81 Dojo toolkit 0 09.10.2016 23:43
FancyBox: Размер модального окна больше размеров окна браузера (высота), как сделать? clgs Events/DOM/Window 3 22.01.2015 17:13
Открытие нового окна шириной 100 пикс и его постепенное расширение на весь экран RainMan Events/DOM/Window 5 13.05.2012 20:56
Плавное открытие окна. Flashton Элементы интерфейса 3 20.10.2010 16:00