Главная » Статьи » Шаблоны » CSS

Бекграунды CSS3 без использования iQuery и изображений

Все css3 бэкграунды в данных примерах, готовы к использованию. В большинстве случаев, будет достаточно приписать тегу body стили взятые из примеров в файле стилей.

Для кого-то данные css заготовки могут оказаться полезными с точки зрения понимания описания применяемых css свойств для создания собственных бэкграундов с помощью css3.

Все примеры бэкраундов можно просмотреть на демо страничках. Изображения активные и смогут привести вас на страницу просмотра. Коды вы можете взять из исходников. Для максималистов, которым нужно все и сразу в конце поста ссылки на архив для скачивания всех примеров одним файлом.

К вопросу о том, как использовать css3 фоны для бэкграунда, можно сказать, что достаточно добавить их в файл стилей. Обычно это описание добавляется к body и размещается в самом верху описания стилей, например так:
body {
код стиля фона CSS3
}

Зеленоватый бэкграунд с хаотично распределенными вертикальными волнами

Синий бэкграунд в крупную клетку с разбивкой на более мелкие.

Белый бэкграунд по образу раскрытой школьной тетрадки с полями.

Трехмерный темно-серый 3D бэкграунд на css3 из кубиков

Красный бэкграунд в виде кирпичной стены

CSS3 бэкграунд с звездами на черном фоне. И такое возможно.

Следующий бэкграунд я назвал "красная лестница". В общем, похоже

Черный бэкграунд карбон, который как мне кажется, будет самым популярным.

Геометрический правильный черно-белый бэкграунд в виде повернутой на 90 градусов шахматной доски.

А это сама шахматная доска, без поворотов и наворотов.

Бэкграунд "Красная диагональ".

Бэкграунд "Зеленая диагональ" с наклоном в противоположную сторону.

Домашний бэкграунд, чем-то напоминающий скатерть на кухне в красную клетку.

Оранжевый бэкграунд в вертикальную полоску.

Горизонтальная голубая полоска на более темном фоне.

Самый жизнерадостный бэкграунд на css3, "Зеленые плюсики".

Все бекграунды CSS3 без использования скриптов и вэб-графики, можно скачать по ниже приведенным ссылкам:

P.S. Стили CSS в примерах составлены с учетом всех популярных браузерах.


Дата: | Категория: CSS Просмотров: 3257 | Теги: бекграунды без изображений, бекграунды CSS3, бекграунды без iQuery

Готовые и простые решения для быстрого создания сайта для заработка

Статьи по теме поста: Бекграунды CSS3 без использования iQuery и изображений

Наверх