Генератор CSS — Фон

Генератор CSS — Фон

       

сохранить | сброс

Граница

Ширина границы px

Стиль границы сплошная точкапунктирныйдвойнойскрытыйridgeinsetoutset

Цвет границы

 

Индивидуальная


Граница Радиус

Все Радиус пикселей

 

Верхний левый пикс.

Верхний правый пикс.

Нижний правый пикс.

Нижний левый пикс.

Тень блока

Тип тени OutsetInset

Положение XY

Затухание тени

Распространение тени

Цвет тени

 

Добавить еще [+]

Фон 9 0007

Цвет фона

Фоновое изображение

Повтор фона no-repeatrepeat-xrepeat -yrepeat

Положение фона

ключевое слово  
% (проценты)  
пикселей (пикселей)


по горизонтали — xleftcenterright

по вертикали — y topcenterbottom

по горизонтали — x%

по вертикали — y %

по горизонтали — xpx

по вертикали — y px

Тень текста

Цвет текста

Цвет тени

X Положение Y

Размытие теней

 

Добавить еще [ +]

Градиент

Ориентациялинейнаярадиальнаяэллиптическаяповторяющаяся линейнаяповторяющаяся радиальнаяповторяющаяся эллиптическая

Размердальняя сторонадальний угол

Позициявверху слевавверху в центревверху справавлево в центрев центре справа по центру внизу слевавнизу по центру внизу справаpx px% %

пикселей пикселей

% %

Степень

Начальный цвет

Конечный цвет


Добавить стопор [+]

Преобразование

матрица (a,b,c,d,x,y)

a b X
c d Y
0 0 1

 

Индивидуальное преобразование

Поворот

Перевод XY

Переход

Добавить свойство [+]

Анимация

Воспроизведение/Останов 

Выбрать анимацию

Function lineareaseease-inease-in-outease-outcubic-bezier

скорость, продолжительность (сек)

задержка запуска

количество итераций1 раз2 разабесконечно

Фильтр изображения

Оттенки серого

Sa

Непрозрачность

Яркость

Контрастность

Hue-rotate

Invert

Генератор CSS — фон

Свойство фона CSS позволяет вам установить цвет фона и изображение для элемента HTML.

Фоновое изображение по умолчанию начинается с верхнего левого угла, но вы можете перемещать его положение по ключевым словам, пикселям или процентным значениям. Вы также можете установить полупрозрачный цвет фона.

 background:url('')    ; 
Вы можете написать сокращенное свойство или индивидуальное свойство

1) background-repeat — по умолчанию загружаемое изображение повторяется и охватывает весь элемент, это свойство указывает повторение изображения
2) background-color — цвета могут быть в формате HEX, RGB, RGBA, HSL
3) background-image — исходный путь к URL-адресу изображения или кодировке base64
4) background-position — X и Y позиция, позиция по умолчанию — верхний левый угол


HA Генератор фона CSS — Плагин WordPress

  • Детали
  • Отзывы
  • Монтаж
  • Разработка

Опора

Добавьте панель генератора фона HA CSS в любой раздел настройки темы WP. Добавьте легкие фоновые шаблоны CSS без изображений и быструю загрузку на свои страницы или любой HTML-элемент ваших веб-страниц, т.е. тег/идентификатор или класс.

**Выберите один из 20 различных красивых типов шаблонов CSS, включая

  • Современный градиент
  • Чеки
  • Полосы
  • Оконное стекло
  • Цветочный
  • Плитка
  • Пейсли
  • Шеврон

Список параметров HTML-элемента:

  • Тег тела
  • Любой другой тег HTML
  • Любой идентификатор CSS
  • Любой класс CSS

Узнайте больше о функциях плагина HA CSS Background Generator

HA Color Customizer нуждается в вашей поддержке

Трудно продолжать разработку и поддержку бесплатных плагинов без участия таких пользователей, как вы. Если вам нравится использовать HA CSS Background Generator и вы находите его полезным, подумайте о том, чтобы сделать пожертвование. Ваше пожертвование поможет поощрить и поддержать дальнейшее развитие плагина и лучшую поддержку пользователей.

  • Если у вас есть предложения по новым плагинам или дополнениям, пишите мне по адресу [email protected]

  • Другие плагины от меня:
    — Настройщик цвета шрифта HA
    — Настройщик цвета фона HA
    — См. все текущие и предстоящие плагины здесь: Веб-сайт Страница плагинов WP

  • Свяжитесь со мной в LinkedIn

  • Хотите регулярные обновления? Нравится моя страница в Facebook!

  • Наймите меня на Upwork

  • Или наймите меня прямо с моего сайта: www.HiraAnsari.pro

  • Вкладка раздела «Генератор фона CSS HA», отображаемая в главном разделе «Настройка WP»
  • Раздел «Генератор фона HA CSS» — «Настройки дизайна фона» — первый раз
  • Раздел «Генератор фона HA CSS» — «Параметры дизайна» — прокрутите вниз Background Generator Design-1 в обложке страницы с идентификатором
  • Некоторые шаблоны CSS от HA CSS Background Generator
Автоматическая установка
  1. Войдите в свою админку WordPress
  2. Нажмите Плагины
  3. Нажмите Добавить новый
  4. Поиск «HA CSS Background Generator»
  5. Нажмите «Установить сейчас» в разделе «Генератор фона HA CSS»
  6. Активировать плагин
Ручная установка:
  1. Скачать плагин
  2. Извлечь содержимое ZIP-файла
  3. Загрузите содержимое zip-файла в папку wp-content/plugins/ вашей установки WordPress
  4. Затем активируйте плагин на странице плагинов

Плагин готов к использованию.

Как пользоваться?
  1. Выберите «Внешний вид» > «Настроить» > «Цвета фона HA».
  2. Выберите «Да», чтобы активировать элементы, которые вы хотите настроить.
  3. Выберите цвет по вашему выбору.
  4. Нажмите кнопку «Сохранить».
Как восстановить цвета темы по умолчанию?

Просто отключите эту опцию элемента, и цвета фона ваших тем по умолчанию снова начнут отображаться.

У вас есть вопросы или проблемы с контактной формой 7? Используйте эти каналы поддержки надлежащим образом.

Могу ли я настроить только определенные элементы, а остальные оставить как есть?

  • Да, HA CSS Background Generator дает вам полный контроль над вашим выбором. И для этого он дает вам активировать / деактивировать параметры для каждого типа элемента. Активируйте только ту опцию, которую вы хотите использовать, и оставьте остальные деактивированными.

Изменит ли этот плагин мою оригинальную таблицу стилей темы?

  • Нет, он просто добавит внутренний набор таблиц стилей в заголовок вашей темы, который заставит тему использовать ваши индивидуальные настройки цвета.
    Таблица стилей темы не изменится, и вы можете использовать цвета таблицы стилей по умолчанию, просто деактивировав элементы настройки цвета фона HA, когда захотите.

Повлияет ли этот плагин на скорость загрузки моей страницы?

  • Нет, это не замедлит скорость загрузки вашей страницы, потому что HA CSS Background Generator — это очень легкий плагин, который не связывает никакие внешние файлы JS или CSS с ваших веб-страниц.

Существует множество шаблонов CSS без изображений, которые можно использовать в качестве фона для любого тега html. Любить это!

Прочитать все 1 отзыв

«HA CSS Background Generator» — это программное обеспечение с открытым исходным кодом. Следующие люди внесли свой вклад в этот плагин.

Авторы

  • Хира Ансари

Переведите «HA CSS Background Generator» на свой язык.

Заинтересованы в развитии?

Просмотрите код, ознакомьтесь с репозиторием SVN или подпишитесь на журнал разработки по RSS.

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *