Tridiv: 3D CSS Editor

    image

    This morning I saw Paul Irish on Twitter link to something impressive. Tridiv is a 3D editor for creating models in CSS. For everyone who has at least once struggled with CSS transformations to make even a simple 3D effect, it is known that such a thing can make life much easier. For the rest, another demonstration of what HTML5 / CSS3 is capable of.

    The application interface resembles the usual 3D WYSIWYG editors. In Preview mode, you can adjust the lighting / background / copy the source code / see how it all looks on CodePen. It is possible to save to Local Storage. Although, of course, the interesting question is why the transformations were chosen, and not WebGL. A drop of tar - so far it works only in Chrome and Safari (but the code is prefix-independent, so most likely support for other browsers will soon be added - in the same Firefox demo works from the author of the application).

    image

    Try It - tridiv.com
    Discussion on HackerNews

    Also popular now: