Придаем меню особенный вид с помощью CSS3

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

Шалости с элементом canvas: скользящие ленты

В данном уроке мы продемонстрируем возможности работы с элементом canvas. В итоге получится визуальный эффект с разноцветными скользящими лентами. Никакого Flash - сплошной JavaScript. ... Читать дальше »

Впечатляющее представление продукта на CSS3

Страница описания продукта является местом, где сконцентрирована информация о вашем товаре. Именно здесь закладывается интерес посетителя к представляемому предмету или услуге. Как правило, на такой странице содержится общее описание продукта, особенности и несколько изображений. Подать оригинально такую информацию достаточно сложно. Но есть библиотека JavaScript,  которая поможет решить задачу. ... Читать дальше »

CSS3 Модальные всплывающие окна

Сегодня я расскажу вам, как создавать CSS3 модального всплывающего окна. Буквально не так давно для того, чтобы добиться такого эффекта, мы использовали jQuery. Но, как оказалось, CSS3 имеет все необходимые инструменты для создания модальных окон. В нашей демонстрации я подготовил на одной странице всплывающее окно с двумя элементами: форму присоединиться и форму входа. ... Читать дальше »

CSS3 изображение Hover эффекты

Сегодня я расскажу вам, как создать образ CSS3 эффектов наведения. На странице галереи результате мы будем иметь 9 изображений, каждое из них имеет собственный эффект при наведении. ... Читать дальше »

 Аккордеон на чистом CSS3

Сегодня я расскажу вам о еще одной большой вещи, которые можно реализовать с помощью CSS3 - это аккордеон. Я думаю, что аккордеон все еще довольно популярен в Интернете. Это хороший способ сохранить некоторую информацию на странице. Мы будем использовать только CSS3 для достижения этого эффекта, сегодня я расскажу вам, как именно это можно сделать. ... Читать дальше »

CSS3 анимированные Шестерни

В сегодняшнем уроке создадим анимированные шестеренки с использованием  CSS3. Результат выглядит очень хорошо. Я использовал CSS3 для ключевых кадров анимации  для того, чтобы достичь этого результата. Пожалуйста, обратите внимание - текущая демо хорошо работает в Firefox и Chrome / Safari (WebKit). ... Читать дальше »

CSS3 анимации эксперимент - Virtual DJ

Сегодня подготовим хороший CSS3 эксперимент. Который отлично впишется в музыкальный сайт. В этой демо только с CSS3 (без JavaScript). Я использовал различные CSS3 техники, как ключевые кадры, анимации, преобразование (вращение и масштабирование).  ... Читать дальше »

Летящее меню на CSS3

Еще один вариант меню на CSS3 с интересным визуальным эффектом. При наведении курсора мыши пункт меню начинает биться, словно сердце, а подпункты вылетают справа. ... Читать дальше »

Меняем слова в предложениях с помощью CSS3

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

Следующий код соответствует демонстрации 2. ... Читать дальше »