Задать вопрос
@TreeFall1
веб-разработка

Как сделать такую анимацию формы?

Как сделать такую анимацию у формы? https://ru.files.fm/u/jha3jutp7c
У меня есть такая же форма, но анимации нет.
  • Вопрос задан
  • 113 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фулстек-разработчик
    16 месяцев
    Далее
  • Skillfactory
    Профессия Веб-разработчик
    12 месяцев
    Далее
  • Хекслет
    Fullstack-разработчик на Node.js
    16 месяцев
    Далее
Решения вопроса 1
vitiok78
@vitiok78
Такие вещи можно решить полностью на CSS.
Делается скрытый checkbox, его label стилизуется в виде нужной кнопки, а как мы знаем, чекбокс срабатывает даже при клике на его label. И потом при помощи селектора ".toggle:checked + .lbl-toggle + .collapsible-content" запускаем анимацию, когда checkbox устанавливается в значение checked



P.S. Учите HTML и CSS и вам зачастую не нужно будет использовать Javascript, который последнее время пихают везде: и куда нужно, и куда совершенно противопоказано.
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
Fullstack-разработчик сайтов laravel
WEB ALTERNATIVE
от 65 000 ₽
Web-разработчик/WordPress программист (Full-stack). В офисе ст. м Ладожская
JustBusiness • Санкт-Петербург
от 130 000 до 150 000 ₽
Фронтенд разработчик (Frontend developer)
Айдис
от 100 000 ₽
Ещё вакансии