164 читали · 2 года назад
Расстояние между штрихами 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("путь_к_картинке...
275 читали · 2 года назад
Анимация границ с помощью свойств CSS
Источник: Nuances of Programming Посетив блог на сайте shoptalkshow, я был приятно удивлен, увидев такой стиль: По моему мнению, этот стиль уникален, особенно некоторых из рамок. В этой статье мы увидим, как можно использовать CSS для создания эффектных границ. Свойство CSS Border Когда речь заходит о типе границ на сайте, первое, что приходит на ум,  —  это разнообразие таких границ. Наиболее часто используемые  —  solid (сплошная) и dashed (пунктирная). Последняя используется в приведенном выше примере...