Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос
UNN4MED

TtT RrR

Начинающий псевдопрогер
  • 2
    вклад
  • 12
    вопросов
  • 3
    ответа
  • 67%
    решений
Лайки
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Не работает анимация burger-list. Что делать?

    Get-Web
    Виталий Першин @Get-Web Куратор тега CSS
    Front-End Developer
    Потому что display: none; не анимируется. Как вариант появление можно анимировать при помощи animation
    .burger-active {
    	animation: fadeIn 1s ease forwards;
    }
    
    @keyframes fadeIn {
    	from {
    		opacity: 0;
    	}
    
    	to {
    		opacity: 1;
    	}
    }


    а вот если нужно исчезновение анимировать, тогда, либо отказаться от diplay: none; , либо к примеру добавлять промежуточный класс который покажет анимацию исчезновения и в конце поставить display: none;
    Ответ написан 20 авг. 2022
    2 комментария
    2 комментария
  • Как лучше оформить фильтр?

    xevin
    Степан Крапивин @xevin
    python.js
    Здесь есть похожий вопрос с ответом https://qna.habr.com/q/1185832
    Ответ написан 07 авг. 2022
    5 комментариев
    5 комментариев
  • Как с помощью CSS заставить двигаться картинку?

    Кирилл @KhokhlovKirill
    В данном Вами фрагменте кода, объект к которому применена эта анимация будет изменять свой размер и искажаться при наведении. Данный вами код должен работать.

    Вот пример его работы: https://codepen.io/KhokhlovKirill/pen/ZExMezK
    Ответ написан 11 авг. 2022
    Комментировать
    Комментировать
  • Как наверстать такую сетку?

    RAX7
    RAX7 @RAX7
    Если количество дочерних элементов сетки всегда известно, то можно построить такую ломаную сетку на гридах, добавив в неё вспомогательные колонки/строки и прописав каждому элементу его расположение в сетке.
    Ответ написан 08 авг. 2022
    1 комментарий
    1 комментарий
  • Почему не работают свойства top и left?

    wonderingpeanut @wonderingpeanut
    50 это не валидное значение свойства.
    50px или 50rem - валидное
    Ответ написан 02 апр. 2022
    Комментировать
    Комментировать
  • Как сделать список с буквами и со скобками?

    0xD34F
    0xD34F @0xD34F Куратор тега CSS
    ul {
      counter-reset: item;
    }
    
    ul li {
      counter-increment: item;
    }
    
    ul li::marker {
      content: counter(item, lower-alpha) ") ";
    }
    Ответ написан 20 мар. 2022
    Комментировать
    Комментировать
  • Как сделать список с буквами и со скобками?

    iiiBird
    iBird Rose @iiiBird Куратор тега CSS
    Пока ты спишь - твой конкурент совершенствуется
    Ответ написан 20 мар. 2022
    Комментировать
    Комментировать
Оценили как «Нравится»
Самые активные сегодня
  • Drno
    • 8 ответов
    • 0 вопросов
  • AUser0
    • 7 ответов
    • 0 вопросов
  • mayton2019
    • 6 ответов
    • 0 вопросов
  • delphinpro
    Сергей delphinpro
    • 6 ответов
    • 0 вопросов
  • Vindicar
    Vindicar
    • 6 ответов
    • 0 вопросов
  • rPman
    • 5 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации