18 потрясающих 3D примеров на CSS

В наше время во всех современных браузерах есть поддержка 3D позиционирования html элементов. При этом используется специфическое свойство CSS, определенное для каждого браузера. На пример, для Firefox это свойство начинается с -moz, для Оперы -o, для webkit браузеров (Chrome, Safari) -webkit.

Именно поэтому в этом посте были собраны примеры 3D, выполненные с помощью CSS. Впрочем некоторые из примеров все-таки используют Javascript.

3D иконка Супер Марио

animated super mario icon 3D

Пример

3D слайд-шоу

css 3d slideshow - nettuts

Пример

WebKit CSS 3D DB Демо

webkit css 3d local db

Пример

3D полет изображения

3d image fly

Пример

Построение 3D города на CSS

css 3d city

Руководство (eng.) Пример

Вращающийся цветной куб

rotating color cube

Пример

Шипы

Spikes - CSS 3D Shape

Пример

Вращающийся космический куб

spinning cube

Пример

Неоновый 3D глобус

neon spinny 3D

Пример

Снежный стек

snow stack

Пример

Создание сферы с помощью 3D CSS

sphere

Руководство (eng.) Пример

Чистая 3D карусель на CSS

3d carousel

Пример

CSS 3D голограмма

holobox

Пример

3D вращающаяся молекула

webkit molecule

Руководство (eng.) Пример

Игральные кости

bounding dice

Пример

Цветок

hover flower

Пример

Галерея изображений

Image Gallery

Пример

Бабочки

butterflies

Пример


Оставить комментарий