Красивое оформление изображений весьма волнует веб-разработчиков. Плавные переходы, красивые перевороты наверняка привлекут взор посетителей. В сегодняшнем уроке мы рассмотрим различные трансформации с использованием CSS3 и jQuery. Благодаря этим эффектам у нас получатся замечательные 3D переходы изображений. В примере будут приводиться подборка различных эффектов на любой вкус. Каждый демонстрации будет группа возможных переходов, которые можно выбрать..

 из выпадающего меню над изображением. Но следует обратить внимание, что 3D-эффекты будут работать только в браузерах Webkit. Первым шагом в создании этих CSS3 и jQuery трансформаций будет подключение фреймворков, следует заметить, что мы будем использовать последнюю версию jQuery 1.7.1:

Следующим шагом будет создание простой HTML-разметки, которая будут использовать простые классы te-wrapper и te-cover:

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