Архивы с метками: css3

Здравствуйте друзья! Сегодня я хочу обратить ваше внимание на набор оригинальных hover-эффектов для кнопок, созданных с помощью CSS3. Данные эффекты можно применить не только для обычных кнопок, ограничения существуют практически только в фантазии :). При проверке кроссбраузерности эффектов я нашел проблемы только с двумя эффектами в FireFox (в демо примере они на букве G и H). В остальных браузерах (IE11, Opera, Chrome, ... Читать далее »

Здравствуйте друзья! Сегодня я предлагаю вашему вниманию набор кроссбраузерных загрузочных анимаций созданных с помощью CSS3. В демо примере вы увидите 10 оригинальных и достаточно интересных анимаций загрузчиков. Одной из особенностей есть то, что все анимации загрузчиков реализованы на чистом CSS3, без использования скриптов. Посмотреть и скачать демо пример вы можете перейдя по ссылкам ниже. HTML CSS Читать далее »

:nth-child это селектор CSS3, направленный на выбор младших элементов, в зависимости от заданных критериев. Что это значит? В двух словах, это означает, что мы можем стилизовать элементы в зависимости от того, где они находятся в DOM. Таблица результатов для различных значений псевдокласса Значение Номера элементов Описание 1 1 Первый элемент, является синонимом псевдокласса :first-child. 5 5 Пятый элемент. 2n 2, 4, ... Читать далее »

Пример создания эффекта пульсации для кнопок (Android L Ripple Effect). Эффект создается с помощью CSS3 и JS. HTML CSS JS Читать далее »

Предлагаю вашему вниманию примеры создания текста с элегантным, глубоким, внутренним и ретро эффектом. Все эффекты тени текста созданы с помощью CSS свойства text-shadow.   HTML CSS Читать далее »

CSS3 Generator — это онлайн сервис для создания стилей CSS3 для HTML элементов с помощью простого и понятного визуального редактора некоторых свойств. Правила, которые можно изменять включают: border, border-radius, box-shadow, background (градиенты) и opacity. Почти каждое свойство имеет возможность для детальных установок, например, можно определить разные значения border-radius для каждого угла,  установить внешнюю или внутреннюю тень для box-shadow. Приложение в реальном времени отображает все изменения на элементе предварительного ... Читать далее »

Трансформации CSS3 открывают замечательные перспективы для построения динамичных и привлекательных интерфейсов. Широкий выбор стандартных функций графика перехода (ease, linear, ease-in, ease-out и ease-in-out) может быть существенно расширен настраиваемым вариантом cubic-bezier. Но выбор параметров для функции cubic-bezier может потребовать значительных затрат по времени и многочисленных проб.CSS cubic-bezier Builder — сервис, который предоставляет визуальный редактор для формирования кривой с помощью наглядных инструментов. полученный ... Читать далее »

В сети существует большое количество онлайн генераторов для различных элементов веб сайта: индикаторов загрузки, кнопок, различных фонов и прочих нужных фишек. CSS Arrow Please — сервис, который предлагает инструмент для создания стрелок на CSS3. Пользователю предлагается установить положение стрелки и ее цвет, а также параметры рамки. Готовый CSS код используем по своему усмотрению. Читать далее »

Онлайн генератор стилей CSS3 с визуальными инструментами для установки нужных параметров. Полученный код копируем в свой проект. Читать далее »

Бесплатный онлайн сервис для быстрого визуального конструирования внешнего вида переключателей, для которых используется чистый код CSS3 (без изображений). На сервисе доступны предопределенные стили для iOS4, iOS5 и Android. Читать далее »