Back To Website Design Forum

Not sure if this can be done but...

  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Joined: Apr 09, 2008
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England
  • Status: Offline

Post June 24th, 2009, 8:54 am

I am trying to workout if you can angle divs no more than about 25 degs and the content within the divs to be angled as well.
^__^
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post June 24th, 2009, 8:54 am

  • UPSGuy
  • Lurker ಠ_ಠ
  • Web Master
  • User avatar
  • Joined: Jul 25, 2005
  • Posts: 2735
  • Loc: Nashville, TN
  • Status: Offline

Post June 24th, 2009, 9:03 am

Well, hold out for CSS4 (or whatever version finally includes angling), but in the mean time, you can angle text using a javascript approach. If that doesn't rub you right, then you'll have to use images to give the angled appearance. Same goes for the div - I would create an angled-looking image to use as the background.
I'd love to change the world, but they won't give me the source code.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Joined: May 28, 2003
  • Posts: 23407
  • Loc: Woodbridge VA
  • Status: Offline

Post June 24th, 2009, 9:05 am

Not yet, I don't believe. However, there is a new -moz-transform CSS property which apparently currently only works in Firefox 3.5

http://hacks.mozilla.org/2009/06/3d-transforms-isocube/
"There's no place like 127.0.0.1 except for ::1."
Alexandria Networks. Leader in IT consulting for associations/non-profits, and small to medium sized businesses around the northern Virginia and Washington D.C. metro area.
  • natas
  • PHP Ninja
  • Proficient
  • No Avatar
  • Joined: Mar 28, 2009
  • Posts: 305
  • Loc: AFK
  • Status: Offline

Post June 24th, 2009, 9:38 am

Take a small notebook and place it under either the left or right side of your monitor. This should give the desired effect.

</humor>
Custom Web Design
  • tastysite
  • Proficient
  • Proficient
  • User avatar
  • Joined: Apr 09, 2008
  • Posts: 349
  • Loc: Brighouse, West Yorkshire, England
  • Status: Offline

Post June 24th, 2009, 12:12 pm

ATNO/TW wrote:
Not yet, I don't believe. However, there is a new -moz-transform CSS property which apparently currently only works in Firefox 3.5

http://hacks.mozilla.org/2009/06/3d-transforms-isocube/


I saw something very close to that for webkit
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8212
  • Loc: USA
  • Status: Offline

Post June 25th, 2009, 12:00 am

ATNO/TW wrote:
Not yet, I don't believe. However, there is a new -moz-transform CSS property which apparently currently only works in Firefox 3.5

http://hacks.mozilla.org/2009/06/3d-transforms-isocube/

That is cool. Didn't know that was possible. I downloaded Firefox 3.5 just to see that :lol:
"Bring forth therefore fruits meet for repentance:" Matthew 3:8

Page 1 of 1

Post Information

  • Total Posts in this topic: 6 posts
  • Users browsing this forum: No registered users and 115 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.