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

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

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

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

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

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

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

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

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

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

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

Оформление текста с эффектами тени, анимации и градиента

Всем хорошо знакомы различные эффекты тени для текста с помощью свойства CSS3 text-shadow, этот замечательный визуальный эффект стал очень популярен среди веб-дизайнеров и разработчиков. В силу того, что все современные браузеры довольно неплохо поддерживают всё больше новых свойств CSS3, стало возможным использовать различные вариации и связки этих замечательных эффектов. Сегодня хочу продемонстрировать наглядные примеры интересных эффектов ...

CSS3 Градиент для кнопок

Совсем недавно я рассказывал о том как добиться правильного отображения градиента CSS в современный браузерах. Можно посчитать воплями в пустоту все мое повествование, если не рассказать о практическом применении градиент функции CSS. Отличным и незамысловатым примером может послужить создание кнопок для сайта, исключительно средствами CSS, не используя каких либо дополнительных изображений и javascript. Размер кнопок легко регулируется путем ...
Рейтинг@Mail.ru