Различные HTML и CSS решения

HTML / CSS Решения

/resources · sort: createdon desc

Покрасить svg изображение

Покрасить svg объект можно дописав к нему свойство fill, но есть нюанс =)

svg picture 21 июня 2021 #14

Делаем нужный блок сайдбара фиксированным при скролле

Можно повесить событие на скролл и постоянно измерять прокрутку чтобы поменять класс на fixed, но есть более простое и универсальное решение

scroll 23 сентября 2020 #13

SVG в браузере safari на IOS

В сафари не отображался SVG бэкграунд, вместо бэкграунда был черный фон

mobile 8 апреля 2020 #12

Перетаскиваемый блок внутри блока (Drag n drop div)

Готовый код для создания drag&drop объекта внутри блока

drag&drop 16 сентября 2017 #11

Перевод строки средствами CSS псевдоэлементов before, after

Бывают случаи когда удобно автоматизировать перевод строк после выделенных span элементов в тексте например, полезное свойство:

white-space 17 мая 2017 #10

Bootstrap menu раскрывающееся при наведении

Для того чтобы уменьшить количество действий пользователя при просмотре сайта можно сделать так чтобы вложенное меню раскрывалось при наведении. Поскольку в последнее время особенно актуальна bootstrap верстка, ниже вариант именно для стандартного collapse menu.

Достаточно просто добавить в стиль:

bootstrap 5 апреля 2017 #9