Главная » Записи по метке: фон

Фон в стиле «карбон» с помощью градиентов CSS

Всем, здравствуйте! В предыдущей статье расписывал, как с помощью линейных и радиальных градиентов CSS, можно "нарисовать" вполне симпатичные текстуры для фона. На этот раз предлагаю воспроизвести тёмный фон в стиле "карбон", который отлично подойдёт для заливки, как основного фона сайта, так и для оформления отдельных блочных элементов. В примере использовал повторяющиеся линейные градиенты с углом наклона 45deg, а так же наложение ...

3 Варианта фоновых текстур с помощью градиентов css3

3 Варианта фоновых текстур с помощью градиентов css3 Представляю вашему вниманию 3 варианта основного фона для сайта в тёмных тонах, созданные с помощью линейного и радиального градиентов из обоймы CSS3, без использования дополнительных изображений. Ранее я показывал, как с помощью этих замечательных свойств css, можно очень легко "нарисовать" фон в виде диагональной сетки, в форме шахматной доски, или же, как в школьной тетради в клеточку. Конечно, сейчас в интернетах предостаточно ...

Фон в виде диагональной сетки на CSS

Фон в виде диагональной сетки на CSS В продолжение темы создания фоновых текстур на чистом CSS, предлагаю парочку фрагментов кода, с помощью которых, вы легко сможете выполнить визуальный эффект в виде диагональной сетки и применять его, как к целой странице, так и к отдельным блокам. Как в случае с шахматной доской и фоном в виде тетрадной клеточки, сетку с ромбовым плетением, мы будем "рисовать" с помощью повторяющегося линейного градиента linear-gradient. Всё что нам ...

Фон в виде шахматной доски на чистом CSS3

Фон в виде шахматной доски на чистом CSS3 Не так давно, я уже рассказывал, как можно разлиновать фон в тетрадную клетку с помощью нескольких строчек кода CSS, без использования изображений, текстур(паттернов). Сегодня хочу продемонстрировать простейший пример заливки фона в более крупную клетку, что-то вроде шахматной доски. Может кому да и пригодится в работе, так как дизайнерские запросы заказчиков порой просто непредсказуемы)). Как и в случае с тетрадной клеточкой, будем ...

Фон в клеточку на чистом CSS

Фон в клеточку на чистом CSS Наверняка все вы, встречали сайты, где основной фон, или же фоны отдельных блоков с содержанием, выполнены в виде клеток. Чаще всего для оформления фона в клеточку используют изображения различных фоновых текстур (паттернов). Мало кто знает, что при создании клеточек, как в школьной тетради, можно обойтись без дополнительных изображений, исключительно средствами CSS. Предлагаю на рассмотрение простейший способ реализации фоновой заливки в ...

5 CSS стилей для блока с фоном

Сегодня хочу рассказать и показать на нескольких примерах, как можно оформить блоки, с какой либо информацией на страницах Ваших сайтов. Давайте рассмотрим пять простейших методов стилизации блоков. Эти методы включают оформление как с использованием фоновых изображений, так и без них, при помощи чистых стилей CSS. Существует множество решений стилистики блоков с фоном. Не все они одинаково хороши и некоторые доставляют не мало хлопот при ...