Jump to content

How do i make this line?


elmohack
 Share

Recommended Posts

Hi, i have a question related to a form of "design" i am not sure if its using hr,css or image but i am not able to find any resource on the web showing how to create this line. Please refer to attached image revealing the type of line i meant. I took a screen shot from youtube that had this line that looks indented if you know what i mean. post-94772-0-56970200-1333299387_thumb.jpg

  • Like 5
Link to comment
Share on other sites

Which line are we talking about? The one above the button (between the white and gray gradient) or do you mean the (somewhat round) border around the button?Assuming you mean the solid-gradient line, I think this is part of the gradient itself, at its very end. The one on YouTube I'm guessing is using an image, so the way they do is to simply have the bottom few pixels be in a totally different color from the gradient itself.

Link to comment
Share on other sites

as boes said you can use gradient for that.you can google it "gradient css".as this graadient is very less and bottom of the div ,i would put a inner shaddow to that divhttp://w3schools.com..._box-shadow.asp

Edited by birbal
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...