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

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

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

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

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

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

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

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

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

Полноэкранное слайдшоу на CSS3

В данном уроке мы сделаем полноэкранное слайдшоу фоновых изображений с использованием только CSS3. В демонстрации представлены несколько различных эффектов с использованием трансформаций и анимаций CSS. ... Читать дальше »

Аккордеон на CSS3

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