Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Jul 2011
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation 3d button with CSS

    I am newbie in CSS. I am trying to create 3d button with CSS but I am failed.
    I need to create blue 3d button with 200 x 200 box .
    how to create it? Need help

  • #2
    Regular Coder COBOLdinosaur's Avatar
    Join Date
    Jul 2002
    Location
    Canada
    Posts
    411
    Thanks
    2
    Thanked 32 Times in 32 Posts
    3d means different things to different people are you looing for a button that looks like is is raised off the page, something that looks curved, raised text, or some combination? post a sample of what you are trying to do please.
    100% standards compliant code is 100% correct 100% of the time.
    one of my toys from my repository and perhaps some help getting help

    Cd&

  • #3
    New Coder
    Join Date
    Oct 2013
    Location
    Bangalore, Karnataka
    Posts
    43
    Thanks
    3
    Thanked 0 Times in 0 Posts
    Hi,
    just try this code but its some one type of the button if you want mean just align are change that code

    .Button{
    color: red;
    border: 1px solid green;
    border-bottom: 5px solid green;
    background-color: black;
    font-size: 14px;
    margin: 10px 13px 10px 12px;
    padding: 0px 0px 0px 7px;
    display: inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    top: 10px;
    }

    .Button:hover{
    cursor: hand;
    cursor: pointer;
    }

    .Button:active{
    border-bottom: 3px solid red;
    top: 3px;
    }

  • #4
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,918
    Thanks
    6
    Thanked 1,040 Times in 1,013 Posts
    A 3D button can be as simple as applying border: 5px outset green;


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •