361 читали · 1 год назад
Делаем анимацию фона (background) на css
Добрый день. Рассмотрим как просто сделать анимированный градиентный фон на чистом css. В этой статье сделаем градиентный фон и при помощи CSS стилей анимируем плавную смену градиента фона. Делаем простую страничку в HTML, примерно так: <head> <link rel="stylesheet" href="styles.css"> </head> <body> <h1>Тест</h1> </body> На этой странице подключена только таблица стилей и в теге body указан заголовок h1. Далее в файле styles.css вставляем такой текст: body { background: linear-gradient(90deg, rgba(132,128,194,1) 0%, rgba(177,177,218,0...
397 читали · 1 год назад
Быстрый способ вырезать печать на прозрачный фон для Word, Excel, 1C
Способов много, опишу один не сложный и рабочий. Открываю картинку с печатью в Фотошопе (нашла скан печати в интернете), разрешение картинки 72 dpi, 400х400 пикселей). Чем выше будет качество картинки, тем лучше получится результат. Шаг 1. На панели "Слои" кликаю по замку, чтобы снять ограничение со слоя. Шаг 2. Выбираем инструмент Волшебная палочка (горячая клавиша W) Удалю лишнее. Для этого кликаю на фон за пределами области печати и жму Delete. Снимаю выделение сочетанием клавиш Ctrl+D. Шаг 3...
892 читали · 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; } ...