Добрый вечер.
У меня есть куб
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')
});
Только я не могу понять как правильно её реализовать, чтобы работала. Помогите пожалуйста!