153 читали · 1 год назад
Форма сердца в CSS / HTML
Зачастую при работе с формами мы можем вставить картинку этой формы, но это не всегда надёжно и грозит тем, что не на всех браузерах эта картинка может прочитаться или прочитаться некорректно. Давайте попробуем сделать форму сердцечка, чтобы по клику добавлять продукт в избранное. HTML разметка: <div class="wrapper"> <div class="heart"></div> </div> CSS: .heart {     width: 25px;     height: 25px;     background-color: blue;     transform: rotate(45deg); } .heart::before,. heart::after...
137 читали · 2 года назад
Как нарисовать сердце с помощью html и css
Всем привет, сегодня я расскажу, как нарисовать сердце с помощью html и css. Результат будет выглядеть так: Я также в конце размещу короткий видеоролик, как я написал код и ссылку на сам код программы с Codepen. Содержимое html Если вы пишете в Codepen, то формальный шаблон html вам не нужен и можно начать писать сразу содержимое <body>. Наше сердечко будет состоять из двух частей, поэтому создаем два тега <div> и назначаем им class - heart и heart1. C html все, теперь переходим в css Сначала задаем стили для первого элемента...