#css3d

[0ness]

CSS Cube Wave Pure CSS3D + trig functions

[michaelrainer]

Book Recommendation: CSS3 Pro Animation

If you want to improve your websites with interactive animations and without much effort, this book from Dudley Storey can help you. It will introduce you to CSS Animations with realistic and useful examples.  

Amazon Link: http://www.amazon.com/CSS3-Animation-Experts-Voice-Development/dp/1430247223

Samples can be downloaded at: http://www.apress.com/9781430247227

[aleksaad4]

Потерянное измерение

Недавно на работе занималась реализацией кубика-рубика с помощью css3d. Обнаружила неприятную ошибку в webkit-е (видимо), которая свела все мои усилия на 0. 

Есть объект, начальный поворот 0, 0, 0. После поворота вокруг оси y на 270 градусов, оси объекта преобразуются таким образом, что оси z и x отличаются лишь направлением. Таким образом трёхмерное пространство превратилось в двухмерное, а третье измерение было утеряно.

Нашла аналогичную проблему на stackoverflow (css - Rotate css3 bug - Stack Overflow). 

Интересно, куда обратиться с такой проблемой?

[fwdcreative]

Cracking Web Design

This is a great piece of minimal web design from a guy called Stephen Burgess. The funny thing about most Wordpress websites is that you instantly know it's a Wordpress site, but with this I had to have a cheeky look at the code before I could say for certain.  What I am saying is that Stephen has been original and created a really inspiring website. I am really impressed by the minimal approach which obviously matches the website name 'minimal monkey'. It looks like stephen has been exploring some CSS3d which is also really, impressive.  He explains how he has created a CSS3d cube which also makes the website a great read. The only thing I would say is that this design could easily be made responsive and it isn't which is a shame, but to be fair you can scroll across the page on a tablet or phone which is pretty cool.

[devsquirrel]

In this article we'll dig in to 3D transforms in detail, looking at the fundamental differences between 3D and 2D transforms, the 3D transforms available, and some demos that show how these work.

[gregbabula]

This tutorial will try to guide you through the steps to create a 3D-like, billboard-based clouds. There are a few advanced topics, mainly how 3D transformations via CSS properties work.

[ogilvydigitalhealth]

Written in the stars

The clever little bods down at Google have come up with another experiment to showcase just how cool Google Chrome can be. By sourcing a collection of data from NASA, Wikipedia and the European Space Agency (ESA), they have been able to map the 10,000 stars that are closet to our sun. Whilst this is only a fraction of the sextillions (yes, that is a real number) of stars in the universe, this experiment uses technology such as WebGL and CSS3D to help us explore our vast galaxy.