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

Сниппеты

Анимированный текстовый прелоадер на чистом CSS

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

Красивый эффект длинной тени для текста на CSS

Длинные тени — популярный эффект, часть тенденции «плоского дизайна», довольно часто применяется в веб-дизайне, на элементах дизайна интерфейса, иконках и тексте. Сейчас для создания различных эффектов теней текста, нет необходимости использовать Photoshop, достаточно одного лишь простого свойства text-shadow из обоймы CSS. Чтобы проиллюстрировать это, подготовил парочку простых примеров использования свойства text-shadow, для создания стильных эффектов длинной…

11 Фоновых рисунков с помощью градиентов CSS3

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

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

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

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

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

Плавное подчёркивание ссылки при наведении на чистом CSS

Представляю коротенькие фрагменты кода(сниппет) CSS, для реализации выделения анкоров ссылок с плавным подчёркиванием при наведении. Зачем нужно выделять ссылки из общего месива текста, это и ежу понятно. Существует великое многообразие способов и видов оформления ссылок, всё ограничивается лишь фантазией мастера. С помощью псевдо-класса:hover и магии CSS3, можно навесить на стандартные, скучно-оформленные синюшные ссылки, практически любой…

CSS – Макет Контактной Формы

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

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

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

Набор стилей css для создания кнопок

Пару месяцев назад делал простенький шаблон на заказ, использовал отдельные элементы фреймворков LumX и Materialize. В частности из LumX выделил в отдельный набор классы для создания динамичных кнопок. Отсёк всё ненужное(исключительно для меня), разбавил шрифт-иконками от Font Awesome и получился, вполне себе автономный, небольшой наборчик стилей, с помощью которого можно быстро интегрировать на страницы сайта,…

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

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

1 2 3