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

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

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

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

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

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

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

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

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

alexeeey_kuznetsov

  • 0
    вклад
  • 31
    вопрос
  • 1
    ответ
  • 0%
    решений
Лайки
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Как соединить линиями блоки div?

    arsenty
    arsenty @arsenty
    Full Stack Designer
    Без JS и с описанной адаптивностью: https://codepen.io/arsenty/pen/mYxXoQ
    Ответ написан более двух лет назад
    1 комментарий
    1 комментарий
  • Не видно ::after над родителем, как исправить?

    JRK_DV
    ⓒⓢⓢ @JRK_DV
    Рецепты https://codepen.io/jrkdv/full/LKLXdq
    у вас after обрезается границами блока, потому что у блока установлен overflow: hidden
    возможно и не стоит after использовать, например, при активном табе просто убрать у него границу?
    https://codepen.io/anon/pen/RmgvVR
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Как реализовать перекрытие фоном псевдоэлемента фона родителя, но не текста содержимого блока родителя?

    Vnevremen
    Юрий @Vnevremen
    digital designer
    Нужно содержимое блока (текст) дополнительно обернуть в < div >, тогда получатся такие слои:
    • родительский блок с бэкграундом
    • псеводоэлемент родительского блока со своим бэкграундом
    • текст который вы дополнительно обернули
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как отобразить скрытый элемент через z-index: -1 внутри slick slider при наведении на ячейку слайдера?

    Roweb @Roweb
    Верстальщик
    Дайте контейнеру нижний padding или не используйте абсолютное позиционирование
    Ответ написан более трёх лет назад
    2 комментария
    2 комментария
  • Как реализовать такой border у блока или изображения?

    Madeas
    Andrej Sharapov @Madeas
    UI / UX Designer, Frontend Developer
    Скорее всего это сделано через ::after
    Ответ написан более трёх лет назад
    3 комментария
    3 комментария
  • Пропадает надпись на кнопке при смене текста?

    RedEagle69
    Александр Присяжнюк @RedEagle69
    Html-верстальщик, Front-end разработчик
    Если шрифт загружается с googlefonts, то ставьте галочку на cyrillic:
    5c96349403c95051154046.png
    А если свой подгружаете, то убедитесь в том, что он поддерживает кириллицу.
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Как убирать стороны у круга, как на скриншоте с помощью css?

    DanKud @DanKud
    https://codepen.io/anon/pen/oVMjRR
    Ответ написан более трёх лет назад
    2 комментария
    2 комментария
  • Почему изображение перекрывает навигацию?

    AngryCrow
    Артём Черный @AngryCrow
    Верстак
    Проверьте позиционирование у меню, z-index не работает с position: static, а вообще, да, кусок кода был бы кстати
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Почему не работает transition для background-image?

    dimovich85
    Dima Polos @dimovich85 Куратор тега CSS
    https://u-academy.net/
    Не работает и работает не будет! Надо понимать, что такое переход из состояния в состояние, а что такое дискретность. Дело в том, что есть состояния, которые плавно перетекают, а есть только такое или такое. Например, ребенок растет плавно, вот ребенку один год, вот прошло два месяца и уже год и 2 месяца, как ни странно, а вот ему уже 43, а есть (сейчас не будем про хирургию) дискретное состояние ребенка или человека, это девочка или мальчик, человек либо родился такого пола, либо другого, нет переходного состояния, как в случае с возрастом. Зачем это понимать и знать? Потому что transition отработает только для свойств, которые переходные, но не дискретные. Например, есть ширина 0 пкс, добавим 1 пкс и ширина уже 1пкс, добавим еще 20 - 20пкс, такое свойство можно анимировать. Есть прозрачность 0, а есть 0.1, а есть 0.2, 0.5, 1 - тоже можно. Но, есть display: block, а есть display: none, это дискретные состояния, либо есть, либо нет, анимации не будет, зато можно блок показать/скрыть с помощью анимации на его ширину, высоту, прозрачность... Цвет, как ни странно это тоже величина, которая имеет переходные состояния, например в препроцессорах можно написать #ccc + #eee и получить новый цвет, так как цвета задаются, по сути, просто числом, и увеличивая/уменьшая число получаем анимацию. А какой переход между двумя картинками? Никакого, только такая картинка или такая, поэтому, чтобы сделать плавную анимацию надо пробовать, разве что, прозрачность блока с фоновым изображением.
    Ответ написан более трёх лет назад
    8 комментариев
    8 комментариев
  • Как совместить работу появление лупы при наведении на картинку вместе с плагином увеличения по клику?

    shmatuan
    shmatuan @shmatuan
    8 year of Web, 5 years of Vue
    Код скринами .-.
    есть специальный тег code в составлении вопроса)

    По сути вопроса - просто добавить div с position: absolute, где будет полупрозрачный фон и иконка, в стилях по наведению делать его видимым.
    https://codepen.io/littlesnippets/pen/pjqaOx
    https://codepen.io/littlesnippets/pen/LGpgGJ
    Ответ написан более трёх лет назад
    1 комментарий
    1 комментарий
  • Как сверстать такую связь между элементами под Bootstrap?

    vicodin
    Anton Filippov @vicodin
    Имею некоторый опыт
    Чтобы нарисовать эту полоску нужно использовать псевдоэлементы и селекторы чётности.
    ::before - кружочки с бордерами
    ::after- линии
    :nth-child(odd/even) чтобы задавать угол линий
    :nth-child(1,2,3,4,5, ...)нагенерировать разные цвета, если они просто всегда идут в одном порядке. Если зависят от родителя - currentColor, если должен быть рандом или что-то другое - уже понадобится Javascript.
    Ответ написан более трёх лет назад
    Комментировать
    Комментировать
  • Можно ли реализовать такой слайдер при переходе на мобильное разрешение с помощью CSS?

    profesor08
    profesor08 @profesor08 Куратор тега CSS
    Можно сделать слайдет, но без свайпа. Тебе понадобится кружкам задать ссылку с хешем, а активному слайду задать стили для :target и задать id. Каждый id соответствует хешу ссылки кружочка. Тем самым при клике на ссылку, в адрес страницы добавиться хеш из ссылки, элемент, у которого id такой-же как хеш в адресе страницы, будет задано состояние :target. Так и манипулируй слайдами, у которых не активно это состояние, те скрывай.

    Если же хочешь использовать и свайпы, то тебе придется подключить какой-то слайдер на js, гуглится за 3 секунды.
    Ответ написан более трёх лет назад
    2 комментария
    2 комментария
Оценили как «Нравится»
Самые активные сегодня
  • rPman
    • 8 ответов
    • 0 вопросов
  • низкомолекулярный макрос
    • 6 ответов
    • 0 вопросов
  • 0xD34F
    0xD34F
    • 6 ответов
    • 0 вопросов
  • ALonUa
    • 6 ответов
    • 0 вопросов
  • sergey-kuznetsov
    Сергей Кузнецов
    • 5 ответов
    • 0 вопросов
  • Айнур Бирдин
    • 5 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

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

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