Dobrovoi Master
сделано с душой
В состоянии постоянного подключения...

градиент

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

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

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

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

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

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

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

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

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

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

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

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

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

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