Пример использования CSS фильтра размытия -webkit-filter: blur.  Фильтр blur устанавливает на фото эффект размытия элемента, словно фотография или изображение находится не в фокусе. Посмотреть какие браузеры поддерживают данный фильтр размытия можно на сайте caniuse.com: HTML CSS Читать далее »

Интересный пример создания блоков, каждый из которых исчезает после нажатия по нему. Использование данного примера ограничивается только фантазией, но мне кажется что с помощью таких исчезающих блоков можно сделать простенькую рекламу при входе на сайт. Для создания данного примера использовался CSS и немного скрипта, для работы которого необходимо подключить библиотеку jQuery. Если есть вопросы, задавайте их в комментариях. HTML CSS JS Читать далее »

Отличный и оригинальный пример использования тега section. В этом примере страница разделена на 4 отзывчивых секции. В каждую из секций можно добавлять любую информацию. После клика по секции она откроется на все окно. Чтобы уменьшить секцию до исходного размера необходимо еще раз по ней кликнуть мышкой. Для создания данного примера использовали CSS и немного скрипта, для работы которого необходимо подключить библиотеку jQuery. Если ... Читать далее »

Отличный и в тоже время оригинальный пример создания сайта из вкладок (табов) с помощью CSS. Такой одностраничный сайт подойдет для сайта-визитки или для простого информационного сайта. Имеет адаптивный дизайн.   HTML CSS Читать далее »

Интересный скрипт для генерации заданного текста с эффектом анимации как в игровом автомате. Поочередно задаются буквы, которые за заданное в скрипте время складываются в слово. HTML CSS JS Читать далее »

Пример прокрутки для сайта с parallax эффектом. При прокрутке динамически происходит смена фона с параллакс-эффектом. Этот пример Parallax скроллинга реализован с помощью CSS и JS. HTML CSS JS Читать далее »

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

Оригинальный пример hover-эффекта, который отлично подойдет для использования в меню. Цветовое решение и скорость эффекта можно легко изменить. Hover-эффект реализован с помощью CSS. Если есть вопросы, задавайте в комментариях. HTML CSS Читать далее »

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

Предлагаю вашему вниманию пример реализации скрипта, который заполняет значение от нуля до заданного числа. Изменяя в скрипте последнюю строчку можно легко задать конечное значение (число которое получим в результате) и длительность заполнения (время перехода от нуля до заданного значения). HTML CSS JS Читать далее »