Comments on: Rotate Elements with CSS Transformations http://davidwalsh.name/css-transform-rotate Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞. Tue, 22 May 2012 05:31:04 +0000 hourly 1 http://wordpress.org/?v=3.3.2 By: CoursesWebhttp://davidwalsh.name/css-transform-rotate#comment-31651 CoursesWeb Mon, 16 Apr 2012 13:54:42 +0000 http://davidwalsh.name/?p=4979#comment-31651 Hi, On this page: http://www.coursesweb.net/javascript/rotate-html-objects-div-span-image-jquery_t it is a tutorial about how to rotate Div, Images, and other HTML elements with jQuery, by any angle. Works also in IE 7+. Hi,
On this page:
http://www.coursesweb.net/javascript/rotate-html-objects-div-span-image-jquery_t
it is a tutorial about how to rotate Div, Images, and other HTML elements with jQuery, by any angle.
Works also in IE 7+.

]]> By: Honnzahttp://davidwalsh.name/css-transform-rotate#comment-31120 Honnza Mon, 19 Mar 2012 18:58:20 +0000 http://davidwalsh.name/?p=4979#comment-31120 Sure. It can be done. Controlling the CSS style from javascript is easy (at least in jQuery). I have never built a custom slider, but I guess there are multiple ready-made solutions, including jQueryUI. In the worst case, you could kludge one from an overflowing div by listening to its scroll position. Sure. It can be done. Controlling the CSS style from javascript is easy (at least in jQuery). I have never built a custom slider, but I guess there are multiple ready-made solutions, including jQueryUI. In the worst case, you could kludge one from an overflowing div by listening to its scroll position.

]]> By: Davidhttp://davidwalsh.name/css-transform-rotate#comment-27627 David Wed, 16 Nov 2011 22:56:28 +0000 http://davidwalsh.name/?p=4979#comment-27627 I've found that these CSS rules can be really flaky, seemingly insignificant changes can stop these working. Like a lot of devs I find it really useful to have a quick reference to help with my css rotation. Found this useful site which has a "copy and paste" code generator for CSS transform. http://www.cssrotate.com I’ve found that these CSS rules can be really flaky, seemingly insignificant changes can stop these working. Like a lot of devs I find it really useful to have a quick reference to help with my css rotation. Found this useful site which has a “copy and paste” code generator for CSS transform. http://www.cssrotate.com

]]> By: Brahimhttp://davidwalsh.name/css-transform-rotate#comment-26332 Brahim Wed, 03 Aug 2011 15:25:26 +0000 http://davidwalsh.name/?p=4979#comment-26332 I am a complete noob. Do you think that this affect could be connected to a slider so that you could rotate the presentation in real time depending on the slider value? Could the content of the frame be a single image? I am a complete noob. Do you think that this affect could be connected to a slider so that you could rotate the presentation in real time depending on the slider value? Could the content of the frame be a single image?

]]> By: Razerhttp://davidwalsh.name/css-transform-rotate#comment-24371 Razer Thu, 09 Jun 2011 14:20:00 +0000 http://davidwalsh.name/?p=4979#comment-24371 What about rotation and word wrapping the text at same time? I have a text that comes from DB. When the text is too long, one word stays over another. How to solve this?Thank you What about rotation and word wrapping the text at same time? I have a text that comes from DB. When the text is too long, one word stays over another. How to solve this?

Thank you

]]> By: Joshhttp://davidwalsh.name/css-transform-rotate#comment-24287 Josh Tue, 31 May 2011 22:43:10 +0000 http://davidwalsh.name/?p=4979#comment-24287 The fractional rotation for IE mentioned here does not actually exists, only integers 0-3.To do a 45 degree, etc. rotation you have to use matrix translations... http://www.boogdesign.com/examples/transforms/matrix-calculator.html The fractional rotation for IE mentioned here does not actually exists, only integers 0-3.

To do a 45 degree, etc. rotation you have to use matrix translations…
http://www.boogdesign.com/examples/transforms/matrix-calculator.html

]]> By: Rakodahttp://davidwalsh.name/css-transform-rotate#comment-23915 Rakoda Sat, 07 May 2011 21:59:01 +0000 http://davidwalsh.name/?p=4979#comment-23915 For rotation in older iE browsers you can better use the matrix transform filter. http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/ For rotation in older iE browsers you can better use the matrix transform filter.
http://www.useragentman.com/blog/2010/03/09/cross-browser-css-transforms-even-in-ie/

]]> By: Ezrahttp://davidwalsh.name/css-transform-rotate#comment-21179 Ezra Tue, 02 Nov 2010 06:59:20 +0000 http://davidwalsh.name/?p=4979#comment-21179 Any Idea howto apply this to an embedded youtube video? Any time ive tried it the Object refuses to display. Any Idea howto apply this to an embedded youtube video? Any time ive tried it the Object refuses to display.

]]> By: pSouperhttp://davidwalsh.name/css-transform-rotate#comment-18104 pSouper Wed, 09 Jun 2010 17:43:32 +0000 http://davidwalsh.name/?p=4979#comment-18104 does this mean you might be able to change pages by spinning the current page of the screen revealing the new page underneath (using ajax a of course) does this mean you might be able to change pages by spinning the current page of the screen revealing the new page underneath (using ajax a of course)

]]> By: Ryan Florencehttp://davidwalsh.name/css-transform-rotate#comment-18031 Ryan Florence Mon, 07 Jun 2010 02:53:02 +0000 http://davidwalsh.name/?p=4979#comment-18031 http://moo4q.com !I use 'em there.As for IE DXImageTransform -- it's appearance is, shall we say, flippin' ugly. http://moo4q.com !

I use ‘em there.

As for IE DXImageTransform — it’s appearance is, shall we say, flippin’ ugly.

]]>