Задать вопрос
@thirteen_bit
css

Как сделать разные переходы для In и Out?

Приветствую! Есть ли способ без шаманства над классами организовать transition out, отличный от transition in? Фиддл здесь: https://jsfiddle.net/starostyants/z4n5g2jm/10/

А именно: opacity: 0, без возвращения блока к top: -7px;
  • Вопрос задан
  • 68 просмотров
1 комментарий
Подписаться 2 Простой 1 комментарий
Решения вопроса 2
delphinpro
@delphinpro Куратор тега CSS
frontend developer
примерно так https://jsfiddle.net/xka2y6g9/
только наоборот
Ответ написан
Комментировать
Комментировать
@thirteen_bit Автор вопроса
Вдохновившись идеей устанавливать значения transition для каждого состояния, решил поиграться с параметрами и пришел к такому решению: https://jsfiddle.net/starostyants/z4n5g2jm/40/
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Trainee - IT Support
move2usajobs.com LLC • Лос-Анджелес
от 2 000 до 4 000 $
Ещё вакансии
Заказы с Хабр Фриланса
Доработать клиентское приложение для GTA 5 на C#
20 апр. 2024, в 00:51
1000 руб./за проект
Верстка и логика формы выбора билетов в зале для покупки
20 апр. 2024, в 00:43
10000 руб./за проект
Разработать формирование УПД на Java
20 апр. 2024, в 00:28
20000 руб./за проект
Ещё заказы