06:44
1,0×
00:00/06:44
481,7 тыс смотрели · 4 года назад
898 читали · 2 года назад
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; } ...
190 читали · 3 года назад
Как нарисовать сердце с помощью html и css
Всем привет, сегодня я расскажу, как нарисовать сердце с помощью html и css. Результат будет выглядеть так: Я также в конце размещу короткий видеоролик, как я написал код и ссылку на сам код программы с Codepen. Содержимое html Если вы пишете в Codepen, то формальный шаблон html вам не нужен и можно начать писать сразу содержимое <body>. Наше сердечко будет состоять из двух частей, поэтому создаем два тега <div> и назначаем им class - heart и heart1. C html все, теперь переходим в css Сначала задаем стили для первого элемента...