Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 4 of 4
  1. #1
    Junior Member
    Join Date
    Jun 2012
    Posts
    2
    Member #
    31980
    Would anyone be able to point in the right direction for how to go about making this sort of effect? I'm trying to create a slanted menu like the ngenworks site posted below, but don't know any easy way (if there is one) to go about it.

    Any tips would be appreciated! Thanks.

    http://www.ngenworks.com/

  2.  

  3. #2
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    They just use background images of rotated text with each <li> set progressively higher than the last. Not the best way to go about it. You could make the effect using CSS transform rotation, which would allow you to use actual text (filters make it possible in IE8 and below, and native rotation is available in IE9).
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."

  4. #3
    Senior Member Noteleklabs's Avatar
    Join Date
    Jun 2012
    Location
    NC
    Posts
    217
    Member #
    31890
    Liked
    28 times
    you could go to the css rotation as mentioned above, or maybe go down the path of image mapping?
    Hey you! Go make something!

  5. #4
    Senior Member Ronald Roe's Avatar
    Join Date
    Mar 2011
    Location
    Oklahoma City
    Posts
    3,141
    Member #
    27197
    Liked
    959 times
    Quote Originally Posted by Noteleklabs, post: 238793
    you could go to the css rotation as mentioned above, or maybe go down the path of image mapping?
    The method used on the original page is better than that.
    Ron Roe
    Web Developer
    "If every app were designed using the same design template, oh wait...Bootstrap."


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 12:21 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com