CSS Градиентная рамка со скруглениями — без костыльных псевдоэлементов!
Введение в CSS: Как сделать ваш сайт красивым и стильным
Привет, дорогие веб-разработчики и любители кода! Сегодня мы с вами окунемся в мир CSS — каскадных таблиц стилей. Если вы думали, что HTML — это все, что нужно для создания веб-страницы, то вы, как минимум, не совсем правы. CSS — это тот волшебный инструмент, который превращает ваш скучный текст в яркое и привлекающее внимание произведение искусства. Давайте разберемся, что же такое CSS, как его использовать и какие стильные фишки он предлагает! Итак, начнем с самого главного. CSS (Cascading Style Sheets) — это язык стилей, который позволяет вам управлять внешним видом ваших веб-страниц...
7 способов нарисовать крестик закрытия на чистом css
Конечно, можно просто запилить svg и вес небольшой и цвет менять можно, но это же скучно! Содержание: 1. Вариант с svg. Можно менять цвет, поворачивать <svg viewPort="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg"> <line x1="1" y1="11" x2="11" y2="1" stroke="black" stroke-width="2"/> <line x1="1" y1="1" x2="11" y2="11" stroke="#000000" stroke-width="2"/> </svg> 2. С помощью псевдоклассов. По мне, самый устаревший способ. <div class="close"></div> <style> .close:before, .close:after { content: ""; position: absolute; width: 24px; height: 4px; background: #000000; } ...