7 прочтений · 2 года назад
Условный border-radius в CSS
Источник: WebForMyself.com Некоторое время назад я изучал домашнюю страницу facebook.com, чтобы узнать и разобраться, как она построена. Мне всегда любопытно посмотреть, как люди пишут CSS. Я заметил очень и очень интересное значение border-radius для карточного компонента в основной ленте. И поделился следующим твитом об этом открытии. Затем, я получил такой ответ от Мириам Сюзанн: всегда ли это 8 пикселей? Для меня эта математика выглядит как переключатель, где в определенный момент ((100vw...
145 прочтений · 1 год назад
Расстояние между штрихами border, border с длинными штрихами и закругленными углами
Свойства css не поддерживают настройку расстояния между штрихами, но есть несколько вариантов как это обойти. 1 вариант: Берем картинку png такого вида картинка весит чуть более 100 байт. Цвет, прозрачность, длину и ширину промежутков можно изменить в фотошопе. Код: .border { border: dashed 2px #000; /* запасной вариант */ border-image-source: url("путь_к_картинке.png"); border-image-slice: 1; /* толщина бордера */ border-image-repeat: round; /* повторение изображения */ /* короткая запись border-image */ border-image: url("путь_к_картинке...