3D аккордеон на CSS3

Меню с использование аккордеона стали очень популярны с появлением Web 2.0. Основная задача таких меню повысить юзабилити сайтов, на которых они применяются. Это особенно важно...
Меню с использование аккордеона стали очень популярны с появлением Web 2.0. Основная задача таких меню повысить юзабилити сайтов, на которых они применяются. Это особенно важно когда осуществляется создание корпоративного сайта. Суть аккордеона в том, что вы получаете доступ сразу к большому количеству информации, но при этом сильно экономится пространство на сайте. Готовых вариантов масса. Вот к примеру один, который я приводил в обучающей статье по jQuery. (далее…)

Меняем фоновый цвет страницы с помощью CSS3

Сегодня рассмотрим замечательную возможность. Называется она CSS анимация с помощью keyframe'ов (ключевые кадры). К сожалению, на данный момент мы имеем очень скудную поддержку браузерами данного...
Сегодня рассмотрим замечательную возможность. Называется она CSS анимация с помощью keyframe'ов (ключевые кадры). К сожалению, на данный момент мы имеем очень скудную поддержку браузерами данного вида анимации. Но наш любимый Google Chrome и его брат Safari отлично обрабатывают этот вид анимации. Ниже в статье мы создадим веб страницу, на которой фоновый цвет будет изменяться с течением времени с помощью ключевых кадров. Интересно? Тогда идем дальше. (далее…)

Зеркалирование изображения с помощью CSS3

Совсем недавно я писал о том, что в самое ближайшее время постараюсь рассказать о замечательно свойстве CSS3 box-reflect. Зеркалирование - это достаточно изящный трюк, который...
Совсем недавно я писал о том, что в самое ближайшее время постараюсь рассказать о замечательно свойстве CSS3 box-reflect. Зеркалирование - это достаточно изящный трюк, который прост в применении и очень эффектно смотрится. Есть несколько вариантов с помощью которых можно получить зеркальное изображение. Первый и самый простой - это редактирование изображения в графическом редакторе. Есть так же возможность сделать зеркалирование с помощью JavaScript или CANVAS. Но ребята из WebKit решили реализовать свою собственную идею - зеркалирование с помощью чистого CSS. (далее…)