Scribd Logo
Upload

Welcome to Scribd!

  • Style Css

    Uploaded by

    saimjawed254
    3 views2 pages
    The document contains CSS code that defines styles for various page elements. It sets the body background color to black and heading text to be aqua with an underline gradient. It also styles an element to change size and gradient on hover. Tables are styled with centered text and colored rows that change color and size on hover for cells. Input fields have their background set to black when focused.

    Original Description:

    CSS sheet examples for text and item align

    Original Title

    style_css

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains CSS code that defines styles for various page elements. It sets the body background color to black and heading text to be aqua with an underline gradient. It also styles an element to change size and gradient on hover. Tables are styled with centered text and colored rows that change color and size on hover for cells. Input fields have their background set to black when focused.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    3 views2 pages

    Style Css

    Uploaded by

    saimjawed254
    The document contains CSS code that defines styles for various page elements. It sets the body background color to black and heading text to be aqua with an underline gradient. It also styles an element to change size and gradient on hover. Tables are styled with centered text and colored rows that change color and size on hover for cells. Input fields have their background set to black when focused.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 2

    *{

    color:#f9faf7;
    }
    body{
    background-color: #000000;
    }
    .heading{
    color:#000000;
    background-color: aqua;
    text-decoration: underline;
    background-image: radial-gradient(#00ffff ,#007373);
    }
    .heading:hover{
    background-color: #f9faf7;
    color:#000000;
    background-image: radial-gradient(#ffffff ,#00ffff);
    }
    #blank{
    background-image:radial-gradient(#000000,#000000);
    border: 0px;
    width: 70px;
    height:70px;
    transition:width 1s,height 1s;
    }
    #blank:hover{
    width:30px;
    height:30px;
    /* background-color:#e1ff00; */
    background-image: conic-gradient(violet,indigo,blue,green,yellow,orange,red);
    }

    .day{
    font-family: "Slackey", sans-serif;
    font-weight: 400;
    font-style: normal;
    text-decoration:none;
    background-image: radial-gradient(#00ff59 ,#006c26);
    }
    .day:hover{
    background-image: radial-gradient(#ffffff,#00ff59)
    }
    tr{
    background-color: #ff00dd;
    text-align: center ;
    font-variant:small-caps;
    font-size:small;
    background-image: radial-gradient(#ff00ae,#660259);
    }
    td{
    height:50px;
    width:100px;
    transition:width 1s,height 1s;
    }
    td:hover{
    height:30px;
    width:150px;
    background-color:rgb(248, 8, 248);
    background-image: radial-gradient(#ffffff,#ff00dd);
    color:black;
    }
    input:focus{
    background-color: rgb(0, 0, 0);
    }

    You might also like