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 1 of 1

Thread: 2 questions

  1. #1
    Senior Member
    Join Date
    Jan 2014
    Posts
    392
    Member #
    38172
    Liked
    4 times

    2 questions

    on this css

    html {
    background: url('../pics/her.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }

    body {
    margin: 0px auto;
    width: 1200px;
    text-align: center;
    }


    .button1 a {
    display: block;
    width: 100%;
    height: 100%;
    }

    a {
    text-decoration: none;
    font-family: arial;
    color: white;
    font-weight: 600;
    text-transform: uppercase;
    text-shadow: 0px 0px 1px #262626;
    }



    .button1 li {position:relative;
    display: inline-block;
    height: 30px;
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid black;
    box-shadow: 0px 0px 2px grey;
    width: 175px;
    tet-align: center;
    line-height: 30px;
    text-align:center;
    background:-webkit-gradient(linear,left top,left bottom,from(rgb(0,0,0)),to(rgb(90,90,90)));
    background:-moz-linear-gradient(top,rgb(0,0,0),rgb(90,90,90));
    }

    .button1 a:hover {
    background:-webkit-gradient(radial,50% 100%,10,50% 50%,90,from(rgba(255,128,192,1)),to(rgba(182,1,1, 1)));
    background:-moz-radial-gradient(center 80px 45deg,circle cover,rgba(255,128,192,1) 0%,rgba(182,1,1,1) 100%);
    }

    #left {
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    }

    #right {
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    }


    1. ok, so i have specified border radius for the left and right buttons, they work ok until i over over them, the over is showing no curve, how can i rectify this?

    2. how can i add a transition property so that the hover slowly fades to the background, i tried a few different examples but none worked. any ideas?

    thanks
    cole

  2.  


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 11:07 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2020 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com