Curves

  • SB
  • Moderator
  • Genius
  • User avatar
  • Posts: 8742
  • Loc: Aberdeen, Scotland

Post 3+ Months Ago

What would you all suggest is the best way to implement curves in CSS? I'm happy enough creating images for the curves but find alot of the tutorials tend to be for older versions of Firefox, Safari and IE.

I have created two curve images at 300px wide and 15px high. Are the images too big? or do you suggest i create 4 different images, one for each curved corner?

Could someone point me in the direction for a working curves tutorial or maybe direct me on what to do?
  • Anonymous
  • Bot
  • No Avatar
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post 3+ Months Ago

  • grinch2171
  • Moderator
  • Genius
  • User avatar
  • Posts: 6807
  • Loc: Martinsburg, WV

Post 3+ Months Ago

http://www.cssplay.co.uk/menu/spiral

If you want to be fancy, scroll down to number 3 but it won't work in IE.

Are you doing curved corners? Might want to checkout some of these as well for a no image method.

http://www.cssplay.co.uk/boxes/curves.html
http://www.cssplay.co.uk/boxes/three_cornered.html
http://www.cssplay.co.uk/boxes/four_cornered.html
http://www.cssplay.co.uk/boxes/snazzy2.html
http://www.cssplay.co.uk/boxes/krazy.html
http://www.cssplay.co.uk/boxes/chunky.html
  • neksus
  • Mastermind
  • Mastermind
  • User avatar
  • Posts: 2194
  • Loc: Canada

Post 3+ Months Ago

http://www.alistapart.com/articles/slidingdoors/

I just think it's an interesting read :)
Other than that, grinch's four_cornered post is the best one IMO.

Post Information

  • Total Posts in this topic: 3 posts
  • Users browsing this forum: No registered users and 80 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
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.