Announcement

Collapse
No announcement yet.

3D/pop-out effect to make div look like button

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • 3D/pop-out effect to make div look like button

    Hello,

    Is there any way to make a div look like a button with shaded/highlighted borders?

    Something like this:
    Click image for larger version

Name:	button1.png
Views:	1
Size:	9.9 KB
ID:	1443578 Click image for larger version

Name:	button2.png
Views:	1
Size:	3.7 KB
ID:	1443579

    I'm not so much interested in the color or the rounded borders, but the shading on the bottom/right edges and the highlighting on the top/left edges; the effect that gives it the 3D/pop-out effect.

    Thanks.

  • #2
    Hi there gibby,


    unfortunately, HTMLForums is dead in all but name.

    I would suggest that you take your problem to a live forum such as...



    ~ the original bald headed old fart ~

    Comment


    • #3
      Since I'm back and answering a few questions -

      you can use the
      Code:
      border-style: outset;
      CSS property to achieve this effect, and you can customize it with the border-color property.
      Last edited by jansennerd10; 08-05-2018, 06:22 PM. Reason: Spelling correction

      Comment

      Working...
      X