Comments on: 3D Cube using 2D CSS transformations http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/ The web musings and experiments of. Sat, 04 Feb 2012 10:09:27 +0000 hourly 1 By: Work Related by rustythecat - Pearltrees http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-2/#comment-1450 Work Related by rustythecat - Pearltrees Thu, 15 Dec 2011 18:58:46 +0000 http://www.fofronline.com/?p=67#comment-1450 [...] - webkit - transform : skewY (- 30deg ); - moz - transform : skewY (- 30deg ); } . rightFace { 3D Cube using 2D CSS transformations – Paul Hayes [...] […] — webkit — transform : skewY (- 30deg ); — moz — transform : skewY (- 30deg ); } . rightFace { 3D Cube using 2D CSS transformations – Paul Hayes […]

]]> By: Mansoor Khan http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-2/#comment-1447 Mansoor Khan Mon, 12 Dec 2011 08:58:06 +0000 http://www.fofronline.com/?p=67#comment-1447 Good job Paul! Let's hope we get support on other browsers soon. Good job Paul! Let’s hope we get support on other browsers soon.

]]> By: generic ISOCUBE | Björn Kahlert http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-2/#comment-1404 generic ISOCUBE | Björn Kahlert Fri, 28 Oct 2011 03:56:27 +0000 http://www.fofronline.com/?p=67#comment-1404 [...] Zachary Johnson and Paul Hayes showed some really nice examples of the CSS 2D transformation capabilites (isocube, 3D isocube using 2D CSS). [...] […] Zachary Johnson and Paul Hayes showed some really nice examples of the CSS 2D transformation capabilites (isocube, 3D isocube using 2D CSS). […]

]]> By: hoowolf http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-2/#comment-1332 hoowolf Sun, 29 May 2011 07:30:52 +0000 http://www.fofronline.com/?p=67#comment-1332 It's cool! Good Job!非常不错啊！ It’s cool! Good Job!非常不错啊！

]]> By: 28 Tutorials on Innovative Animations Made with CSS3 | blueblots.com http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-2/#comment-734 28 Tutorials on Innovative Animations Made with CSS3 | blueblots.com Sat, 19 Mar 2011 10:25:55 +0000 http://www.fofronline.com/?p=67#comment-734 [...] In this tutorial, you will learn the concepts of the writings written on a 3D object. Multiple 3D Cubes were created using ‘transform’ and ‘transition’ properties. Visit Site [...] […] In this tutorial, you will learn the concepts of the writings written on a 3D object. Multiple 3D Cubes were created using ‘transform’ and ‘transition’ properties. Visit Site […]

]]> By: Anonymous http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-2/#comment-270 Anonymous Sat, 08 Jan 2011 23:24:54 +0000 http://www.fofronline.com/?p=67#comment-270 On the demo page, you said "take a peak at the CSS". It's "peek", not "peak". A peak is the top of a mountain. A peek is a look. On the demo page, you said “take a peak at the CSS”. It’s “peek”, not “peak”. A peak is the top of a mountain. A peek is a look.

]]> By: Srinivas Kothuri http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-2/#comment-269 Srinivas Kothuri Sat, 08 Jan 2011 11:27:26 +0000 http://www.fofronline.com/?p=67#comment-269 Hi, very nice tutorial. I tried to set border for the division which forms the cube's top. The border is not properly aligned on for that division. Below is what I tried. Plz. clarify me on this. . .Thank you Hi, very nice tutorial. I tried to set border for the division which forms the cube’s top. The border is not properly aligned on for that division. Below is what I tried.

Plz. clarify me on this…Thank you

]]> By: ahkeno http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-2/#comment-195 ahkeno Wed, 01 Sep 2010 05:00:26 +0000 http://www.fofronline.com/?p=67#comment-195 Awesome.. Love CSS... thank for sharing Awesome.. Love CSS… thank for sharing

]]> By: Look! No Img! http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-1/#comment-194 Look! No Img! Fri, 27 Aug 2010 02:44:28 +0000 http://www.fofronline.com/?p=67#comment-194 [...] Paul Hayes via Ajaxian.com [...] […] Paul Hayes via Ajaxian.com […]

]]> By: Deko web tasarım http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-1/#comment-192 Deko web tasarım Tue, 24 Aug 2010 18:33:11 +0000 http://www.fofronline.com/?p=67#comment-192 really nice article and tutorial, thanks for sharing... really nice article and tutorial, thanks for sharing…

]]> By: Css3 potrà battere Flash? 3 esempi di animazioni incredibili « FMdesignlab http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-1/#comment-107 Css3 potrà battere Flash? 3 esempi di animazioni incredibili « FMdesignlab Thu, 13 May 2010 19:27:24 +0000 http://www.fofronline.com/?p=67#comment-107 [...] Animazione 3d di cubi con testo | TUTORIAL | [...] […] Animazione 3d di cubi con testo | TUTORIAL | […]

]]> By: rtraction – London, Ontario – Web Design, Web Development and Strategic Consulting » Blog Archive » Ewoks at Podcamp London http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-1/#comment-106 rtraction – London, Ontario – Web Design, Web Development and Strategic Consulting » Blog Archive » Ewoks at Podcamp London Wed, 12 May 2010 14:03:39 +0000 http://www.fofronline.com/?p=67#comment-106 [...] on Code Igniter, the application made use of jQuery, CSS3 transformations (to achieve a 3-dimensional effect) and the Twitter Search API. Stay tuned for a more technical [...] […] on Code Igniter, the application made use of jQuery, CSS3 transformations (to achieve a 3-dimensional effect) and the Twitter Search API. Stay tuned for a more technical […]

]]> By: Transformacje 2D i CSS | Frontend.pl http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-1/#comment-105 Transformacje 2D i CSS | Frontend.pl Mon, 26 Apr 2010 19:03:48 +0000 http://www.fofronline.com/?p=67#comment-105 [...] artykuł o transformacjach z Mozilla Developer Center – także opisujący inne przeglądarki Ciekawe przykłady wykorzystania transformacji Dokumentacja filtru Matrix dla Internet Explorera [...] […] artykuł o transformacjach z Mozilla Developer Center – także opisujący inne przeglądarki Ciekawe przykłady wykorzystania transformacji Dokumentacja filtru Matrix dla Internet Explorera […]

]]> By: NabZ http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-1/#comment-104 NabZ Sun, 18 Apr 2010 13:42:11 +0000 http://www.fofronline.com/?p=67#comment-104 Wonderful job bro... I am speachless.... thanks a ton. Wonderful job bro… I am speachless.… thanks a ton.

]]> By: CSS 也玩起 3D 了 at UIchina — User Interface Design http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-1/#comment-103 CSS 也玩起 3D 了 at UIchina — User Interface Design Thu, 15 Apr 2010 07:13:59 +0000 http://www.fofronline.com/?p=67#comment-103 [...] http://www.fofronline.com/2009-04/3d-cube-using-css-transformations/ [...] […] http://www.fofronline.com/2009–04/3d-cube-using-css-transformations/ […]

]]> By: Zoltan Hawryluk http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-1/#comment-102 Zoltan Hawryluk Tue, 09 Mar 2010 12:22:04 +0000 http://www.fofronline.com/?p=67#comment-102 Excellent article - especially love your cube examples. I hope you don't mind, but I used your design idea in my article about "Cross Browser CSS Transforms – even in IE" (http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/). It looks great in Explorer as well. Excellent article — especially love your cube examples. I hope you don’t mind, but I used your design idea in my article about “Cross Browser CSS Transforms – even in IE” (http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/). It looks great in Explorer as well.

]]> By: Inilah Kehebatan CSS3 :: Om Ipit | Web Designer http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-1/#comment-101 Inilah Kehebatan CSS3 :: Om Ipit | Web Designer Mon, 01 Mar 2010 04:20:57 +0000 http://www.fofronline.com/?p=67#comment-101 [...] Saya mengalami kesulitan saat membuat kubus ini, karena saya harus meng-akurat-kan besar sudutnya supaya pas dengan sudut yang lain. Silakan baca tutorialnya disini. [...] […] Saya mengalami kesulitan saat membuat kubus ini, karena saya harus meng-akurat-kan besar sudutnya supaya pas dengan sudut yang lain. Silakan baca tutorialnya disini. […]

]]> By: 50 New CSS Techniques For Your Next Web Design | Theme Center http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-1/#comment-100 50 New CSS Techniques For Your Next Web Design | Theme Center Sun, 13 Dec 2009 07:48:16 +0000 http://www.fofronline.com/?p=67#comment-100 [...] is probably one of the coolest CSS techniques I’ve seen. This tutorial shows how to build a 3D cube with text or other content on each side of the cube. It does it [...] […] is probably one of the coolest CSS techniques I’ve seen. This tutorial shows how to build a 3D cube with text or other content on each side of the cube. It does it […]

]]> By: CSS einfach erklärt » 3D Würfel rein mit CSS erstellen http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-1/#comment-99 CSS einfach erklärt » 3D Würfel rein mit CSS erstellen Wed, 05 Aug 2009 16:48:01 +0000 http://www.fofronline.com/?p=67#comment-99 [...] ohne JavaScript: Ein 3D Würfel mit Text oder anderem Inhalt an den Seiten. Eine Anleitung auf www.fofronline.com erklärt, wie es genau funktioniert. Die dort verlinkten Beispiele können Sie sich natürlich nur [...] […] ohne JavaScript: Ein 3D Würfel mit Text oder anderem Inhalt an den Seiten. Eine Anleitung auf http://www.fofronline.com erklärt, wie es genau funktioniert. Die dort verlinkten Beispiele können Sie sich natürlich nur […]

]]> By: 50 New CSS Techniques For Your Next Web Design | Desinine http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-1/#comment-98 50 New CSS Techniques For Your Next Web Design | Desinine Thu, 23 Jul 2009 08:16:36 +0000 http://www.fofronline.com/?p=67#comment-98 [...] is probably one of the coolest CSS techniques I’ve seen. This tutorial shows how to build a 3D cube with text or other content on each side of the cube. It does it [...] […] is probably one of the coolest CSS techniques I’ve seen. This tutorial shows how to build a 3D cube with text or other content on each side of the cube. It does it […]

]]> By: “3D Cube using CSS transformations – Paul Hayes & FofR Online; web design portfolio and experiments” on Sigurdhsson http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-1/#comment-97 “3D Cube using CSS transformations – Paul Hayes & FofR Online; web design portfolio and experiments” on Sigurdhsson Wed, 22 Jul 2009 10:45:00 +0000 http://www.fofronline.com/?p=67#comment-97 [...] Did you know you can create 3D Cubes using CSS transformations? [...] […] Did you know you can create 3D Cubes using CSS transformations? […]

]]> By: anil http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-1/#comment-96 anil Tue, 21 Jul 2009 11:21:09 +0000 http://www.fofronline.com/?p=67#comment-96 not working in FF also IE7 not working in FF also IE7

]]> By: ODC » 50 CSS techniques http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-1/#comment-94 ODC » 50 CSS techniques Tue, 21 Jul 2009 00:09:04 +0000 http://www.fofronline.com/?p=67#comment-94 [...] course I don’t know why you’d want to use the 3d cube transformation other than to simpy show off your amazing CSS skills. I havn’t seen an user interface where [...] […] course I don’t know why you’d want to use the 3d cube transformation other than to simpy show off your amazing CSS skills. I havn’t seen an user interface where […]

]]> By: Lauren http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-1/#comment-93 Lauren Mon, 20 Jul 2009 21:16:12 +0000 http://www.fofronline.com/?p=67#comment-93 The faulty perspective bugs me but it's still amazing! The faulty perspective bugs me but it’s still amazing!

]]> By: woitekk http://www.paulrhayes.com/2009-04/3d-cube-using-css-transformations/comment-page-1/#comment-92 woitekk Mon, 20 Jul 2009 09:45:27 +0000 http://www.fofronline.com/?p=67#comment-92 This is truly beautiful. Thank You for that post. Big up. This is truly beautiful. Thank You for that post. Big up.

]]>