[Last Call] Learn how to a build a cloud-first strategyRegister Now

  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 643
  • Last Modified:

html transform text skew

can you change the perspective of a html text..as you could in flash...to maybe fit a window that is not straight on view
  • 2
1 Solution
I am not aware of anything out there for this, but images work really well for this affect.  You can always use the image as an href if needed as well.  One thing that is nice about using images to display text, is you can be really creative with fonts, positioning etc & not have to worry about the user seeing a substituted font because their system doesn't support the really cool one you picked out.  I am a big fan of using images to dress up an otherwise boring site.  Obviously you don't want to get too carried away with using images for text, but there is a new technique called a "sprite" to make loading the images really fast.  You can read more about using a "sprite" here:  http://www.alistapart.com/articles/sprites/

I just learned about this & was dieing to pass the info on...sorry if it doesn't completely answer your question, but if you are like me this new technique will get you excited as well!  Happy coding.  :D
I assume you need to rotate a text 90 deg????


.textNeededtoFlip {
chefkeiferAuthor Commented:
not so much rotate but just skew a bit so that it fits on the side of a window that you are not looking straight on at
Oh wow I had no idea this was on the horizon!!  I found some information & code for using skew to transform objects.  It may or may not work on text but looks to be what you are after.  details here:  http://webkit.org/blog/130/css-transforms/

Example code for various browsers here:  http://csscreator.com/node/35753

I will be experimenting with this myself when I get some free time.

Featured Post

Prep for the ITIL® Foundation Certification Exam

December’s Course of the Month is now available! Enroll to learn ITIL® Foundation best practices for delivering IT services effectively and efficiently.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now