Домой / Записи Автора: Александр (страница 12)

Записи Автора: Александр

Webkit-filter: blur

Webkit-filter: blur

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

Анимация display:none

Анимации для иконок меню

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

Превращаемые фоновые секции

Превращаемые фоновые секции

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

Создание одностраничного (адаптивного) сайта из вкладок (табов) на чистом CSS

Создание одностраничного (адаптивного) сайта из вкладок (табов) на чистом CSS

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

Текстовый игровой автомат

Текстовый игровой автомат

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

Lightspeed hover эффект

Lightspeed hover эффект

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

Скрипт перехода от нуля до заданного числа

Скрипт перехода от нуля до заданного числа

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