Return to Snippet

Revision: 68604
at January 24, 2015 02:05 by RodolfoMiranda


Initial Code
/* ---------- css style --v -----------*/

body {   
}
#container {
    margin-top:0;
    padding: 0;
    visibility: visible;
}
#banner {
    position:relative;
    width: 300px;
    height: 250px;
    margin: 0;
    padding: 0;
    background: #000;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #000;
    overflow: hidden;
    cursor: pointer;
}
#bgImage {
    position: absolute;
    top: 0px;
    left: 0px;
}
/* ---------- bg-exit  --v -----------*/
#bg-exit{
    position:absolute;
    width: 100%;
    height: 100%;
    top:0px;
    left:0px;
    opacity:0;
}
/* ---------- copy and .copyLine  --v -----------*/
#copy1 {
    position: absolute;
    display:block;
    width:95%;
    top:15px;
    left:10px;
    color:#fff;
}

#copy2 {
    position: absolute;
    display:block;
    width:95%;
    top:40px;
    left:10px;
    color:#fff;
}

Initial URL


Initial Description
This is the style for a basic banner.

Initial Title
CSS Basic Banner

Initial Tags
css

Initial Language
CSS