Himas Rafeek
Posted on: 3 years ago
CSS

CSS Basic Banner

This is the style for a basic banner.


                                          /* ---------- 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;
}