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

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

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

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

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

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

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

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

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

Кирилл

  • 1
    вклад
  • 2
    вопроса
  • 3
    ответа
  • 33%
    решений
Ответы
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Как сделать такую анимацию?

    Кирилл @KhokhlovKirill
    .button {
      transition: 400ms;
    }
    
    .button:hover {
      transform: translateX(200px);
    }


    Дальше уже через JS подставлять свои классы для того, чтобы кнопка не всегда убегала.
    Ответ написан 07 окт. 2022
    1 комментарий
    1 комментарий
  • Как сделать, чтобы элемент с position absolute не перекрывал текст?

    Кирилл @KhokhlovKirill
    Элемент с position: absolute выводится из общего потока документа, поэтому для остальных элементов его как будто нет. Сам он отображается согласно своей абсолютной позиции (от края окна браузера или от родителя с position: relative), если его позиция будет находится на месте другого элемента, то его положение по слоям будет регулировать z-index. Уменьшите или установите отрицательный z-index, тогда элемент окажется под текстом или другим блоком.
    Ответ написан 06 окт. 2022
    Комментировать
    Комментировать
  • Как с помощью CSS заставить двигаться картинку?

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

    Вот пример его работы: https://codepen.io/KhokhlovKirill/pen/ZExMezK
    Ответ написан 11 авг. 2022
    Комментировать
    Комментировать
Оценили как «Нравится»
Самые активные сегодня
  • puzaka
    • 10 ответов
    • 0 вопросов
  • firedragon
    Владимир Коротенко
    • 9 ответов
    • 0 вопросов
  • Vindicar
    Vindicar
    • 7 ответов
    • 0 вопросов
  • vabka
    Василий Банников
    • 7 ответов
    • 0 вопросов
  • freeExec
    freeExec
    • 7 ответов
    • 0 вопросов
  • mayton2019
    • 6 ответов
    • 1 вопрос
  • © Habr
  • О сервисе
  • Правила
  • Обратная связь
  • Блог

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

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