3D-трансформации средствами CSS

[erik91]

IE — не поддерживает.
Opera — не поддерживает.
Firefox — Нет сглаживания.
Chrome — всё гуд.
Вердикт: я люблю хром! :)

[zapimir]

IE 10 поддерживает вообще-то, IE не только 6-й версии бывает ;)

[erik91]

да еще бывает 9 версия, которая (если что) тоже не поддерживает.

[zapimir]

Я к тому, что нужно указывать версии. А не писать по привычке, что IE ничего не понимает, пора уже избавляться от стереотипов. Да и следует указывать, что это пока что не стандарт, а только черновик, более того в который только вчера вносились изменения, так что пока это не более чем игрушка, и к принятию стандарта еще и синтаксис может поменяться.

Кстати любопытно, естественно все эти трансформации работают только через префиксы. При этом в демке есть свойство с префиксом для Opera (которая даже в 12.5 версии не поддерживается), но при этом нет префикса -ms, хотя у IE10 поддержка этого свойства есть.

В общем в статью неплохо было бы поставить ссылка на caniuse.com о поддержке CSS3 3D Transforms

[erik91]

Нет, ты что! никакой предвзятости не было. И стереотипы тут не причем. Просто не стал расписывать во всех версиях.

[PavlovM]

Насчет -ms-префиксов и упоминания ИЕ10 — признаю, виновен. Как доберусь до компьютера, обновлю статью и добавлю ссылку на caniuse.

В свое оправдание могу сказать, что «десятка», все же, еще не вышла :)

[erik91]

на windows 8 уже есть :)
кстати да, в тему упомянут браузер который только появился. и то только на недавно релизнутой ОС :)

[Singerofthefall]

FF15, все работает

[erik91]

кроме сглаживания, если понимаете о чем я.

[lifestyle]

Ну кубик, домик уже сделали, осталось дело за троллейбусом из буханки хлеба на CSS3 :)

[PavlovM]

Попробую как-нибудь на досуге :)

[0xy]

Есть целый микрорайон majorov.su/3d/

[danielnewman]

Спасибо, укачало!

[Niksg]

Вроде на это похоже

[dxRang]

вкусно, но пока рано :) надо Оперу и FF подождать.

[Seldon]

Смотря для чего рано! новые технологии никогда не рано применять. Скажем сделать игрушку для хрома с 3d очень кстати, а кроме игрушку пока сложно придумать применение (если тока плюшки типо красивых графиков, крутящиесе лого на сайте, но к этому же можно и грейсфул деградейшн применить).

[AlexXsWx]

Ну, 3D игры на css писать — это больше чем извращение, ведь есть такая штука как webGL. Но для достижения некоторых вспомогательных эффектов, как параллакс бэкграунда, к примеру, использовать эти фишки очень удобно.

[Seldon]

просенькую игру вполне себе ок, а вот на webGL сложнее. Вообще игры лучше писать на чем-нибудь другом

[iStyx]

Сумма точек на противоположных гранях должна равняться 7. А кубик красивый, да.

[SovGVD]

Недавно наткнулся на сборник впечатляющих примеров работы с css3 3d transform, если заморочиться, можно сделать простенький движек для браузерной игры, как минимум doom1/2 или стратежку, а то и hal-life3.

[AlexXsWx]

Как и вышеупомянутый троллейбус из буханки хлеба :) Для браузерной 3D игры будет куда удобнее использовать webGL

[SovGVD]

Ну это же не так интересно, как на css3 =)

[nicknarian]

У меня почему-то совсем не кубик. Хром 21.

[nicknarian]

habrastorage.org/storage2/fc9/31e/cf2/fc931ecf2d325b47de3413fe5b2b7f9d.png

[Flexo]

Такая же ерунда

[PavlovM]

Полностью не уверен, но, возможно, дело в маленьком разрешении экрана и каких-то глюках Хрома — у меня на нетбуке с 1024х600 — такая же белиберда, в то время как на десктопе — все хорошо, даже если уменьшить окно до тех же 600 пикселей в высоту…

[Savvy]

Интересно, даже в мобильном хроме на андроид работает, только есть небольшой глючек при скроллировании картинки к краю экрана — грань может исчезнуть:



P.S. Благодаря этой демке узнал, что в моем Samsung Note в хроме есть hover если держать перо над экраном, а они аннонсируют это как новую фичу Note2!