🚀 Обучение программированию в виде онлайн игры: курс Full-Stack JavaScript 💪

Задача #2623 - Валидация и UX

Необходимо показать пользователю, когда введенных в форме данных достаточно. Если пользователь ввел больше 4х символов и в поле email, и в поле пароль - надо поменять задний фон кнопки на #90E39A....

August 15, 2020 · 1 мин · Coderslang Master

Задача #2624 - Депозит

Необходимо написать логику депозитного калькулятора. Нужно посчитать сколько процентов будет начислено за расчетный период и добавить их к начальной сумме. Для периодов 3 и 6 месяцев помни, что проценты вычисляются за год и за эти периоды будут меньше....

August 15, 2020 · 1 мин · Coderslang Master

Задача #2711 - Трансформируемся

Попрактикуемся с 2d трансформацией элементом Эта задача — часть курса по Full-Stack JavaScript Ты можешь задать свой вопрос в комментариях под постом Если ты уже решил задачу, то не стесняйся помочь другим...

August 15, 2020 · 1 мин · Coderslang Master

Задача #2712, Этап #1 - Кубик

Сделаем из трех квадратов куб. В нашей проекции у куба нам будет видна верхняя сторона и повернут он будет на 45 градусов. Приступим к работе! Начнем с подготовки верхней стороны (элемент ....

August 15, 2020 · 1 мин · Coderslang Master

Задача #2712, Этап #2 - Кубик

Займемся теперь левой частью. Сначала повернем ее на 15 градусов по часовой стрелке. Потом точно также исказим на 15 градусов. Теперь осталось поставить ее на место - по горизонтальной оси она должна быть сдвинута на половину своей ширины....

August 15, 2020 · 1 мин · Coderslang Master

Задача #2712, Этап #3 - Кубик

Правая сторона должна зеркальна левой. Поэтому мы ее сначала повернем на 15 градусов против часовой стрелки. Ее мы тоже исказим на 15 градусов, но только в другом направлении. Что бы поставить сторону на место, опусти ее на вниз на всю ее высоту....

August 15, 2020 · 1 мин · Coderslang Master

Задача #2713 - Контроллер поворота

У index.html файле есть две кнопки: #left и #right. При нажатии на кнопку #left элемент .box должен поворачиваться на 30 градусов против часовой стрелке. При нажатии на кнопку #right элемент ....

August 15, 2020 · 1 мин · Coderslang Master

Задача #2714, Этап #1 - 3D куб

Построим полноценный 3D куб. Не изменяй уже добавленные стили, все новые стили добавляй только к уже существующим классам. Первым делом повернем на нужный угол все необходимые стороны. Сторона с классом back должна быть развернута на 180 градусов вокруг оси Y....

August 15, 2020 · 2 мин · Coderslang Master

Задача #2714, Этап #2 - 3D куб

После того, как стороны повернуты, мы видим только переднюю часть куба. Ну и заднюю, благодаря прозрачности фона. Что бы все стороны стали видны нам нужно добавить перспективу с глубиной 400px....

August 15, 2020 · 1 мин · Coderslang Master

Задача #2714, Этап #3 - 3D куб

Повернем немного наш куб, что бы надписи не сливались. Куб будем поворачивать вокруг оси X на -5 градусов. Не забывай, что все остальные элементы, который мы трансформировали, должны оставаться в своем 3D пространстве....

August 15, 2020 · 1 мин · Coderslang Master