Post
Topic
Board Services
Re: Bitvest Bitcointalk Design Ad Contest [0.05 BTC, and Consolation prizes]
by
poptok1
on 12/04/2019, 19:01:43 UTC
This gonna be my second entry and probably last. This thing is exhausting  Roll Eyes
Bit more complicated, with effects. Preview -> https://codepen.io/anon/pen/QPMWqa

HTML
Code:

   
   
       
       
   
   
   
   

     

     
     

     
🎲
200+ btc investor profit
play win invest and socialize!
🎲
provably fair
full range of games
 
🎲
dice plinko slots
- low 1% house edge -
 
Bitvest.io
PLAY NOW

     

 
 
 

CSS
Code:
.inl-rel {
position: relative;
display: inline-block;
}

.ad {   
    width: 900px;
    max-width: 900px;
    min-width: 900px;
    height: 42px;
    max-height: 42px;
    background: #0044cc;
    text-align: center;
    font-family: "Lucida Console", Monaco, monospace
}

.link {
    position: absolute;
    width: 100%;
    height: 42px;
    left: 0;
    top: 0;
    z-index: 10;
}

.logobox {
    display: inline-block;
    position: absolute;
    left: 10px;
    height: 34px;
    width: 34px;
    float: left;
    text-align: center;
    bottom: 1px;
}


.bitvest-logo-poptok1 {
    background: url('data:image/png;base64,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'); 
    height: 36px;
    width: 36px;
    background-size: 36px;
    transition: transform 0.3s ease-out, -o-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out, -o-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -moz-transition: transform 0.3s ease-out, -o-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transition: transform 0.3s ease-out, -o-transform 0.3s ease-out, -moz-transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    transform: scale(0.8, 0.8);
    -o-transform: scale(0.8, 0.8);
    -moz-transform: scale(0.8, 0.8);
    -webkit-transform: scale(0.8, 0.8);
}.

.ad:hover  {
    transform: scale(0.90, 0.90);
    -o-transform: scale(0.90, 0.90);
    -moz-transform: scale(0.90, 0.90);
    -webkit-transform: scale(0.90, 0.90);
}

.frame-inside {
border: solid;
    border-width: 2px 0px 2px 0px;
    border-color: #ffffff;
    display: block;
    position: absolute;
    width: 836px;
    height: 34px;
    top: 2px;
    left: 0px;
    padding-right: 10px;
    padding-left: 54px;
    text-transform: uppercase;
    font-weight: 600;
}

.frame-left {
    line-height: 34px;
    width: 245px;
}

.frame-left-2 {
    line-height: 34px;
    width: 170px;
}

.mar-rig {
margin-right: 7px;
}

.mar-lef {
margin-left: 6px;
}

.frame-left-3 {
    line-height: 34px;
    width: 220px;
}

.frame-clubs {
font-size: 25px;
color: #e8b51f;
font-family: Arial, Helvetica, sans-serif;
text-shadow: 0 0 2px #000;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transition: transform 0.4s ease-out, -o-transform 0.4s ease-out, -moz-transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
    -o-transition: transform 0.4s ease-out, -o-transform 0.4s ease-out, -moz-transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
    -moz-transition: transform 0.4s ease-out, -o-transform 0.4s ease-out, -moz-transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
    -webkit-transition: transform 0.4s ease-out, -o-transform 0.4s ease-out, -moz-transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}

.frame-text-top {
font-size: 14px;
    color: #40ff00;
    line-height: 17px;
    margin-top: 3px;
transition: color 0.4s ease-out;
    -o-transition:  color 0.4s ease-out;
    -moz-transition: color 0.4s ease-out;
    -webkit-transition: color 0.4s ease-out;
}

.frame-text-bottom {
font-size: 11px;
    color: #fff;
    line-height: 13px;
transition: color 0.4s ease-out;
    -o-transition:  color 0.4s ease-out;
    -moz-transition: color 0.4s ease-out;
    -webkit-transition: color 0.4s ease-out;
}

.tex-lef {
    text-align: left;
}

.tex-rig {
    text-align: right;
}


.flo-rig {
float: right;
}

.flo-lef {
float: left;
}

.frame-text-big-frame {
    right: 10px;
    position: absolute;
    font-weight: 400;
    color: #fff;
    line-height: 26px;
    margin-top: 4px;
    font-size: 20px;
    padding-left: 10px;
    width: 185px;
    padding-right: 10px;
    text-align: center;
    height: 25px;
    background: #ff0000;
    border-right: 2px solid #73e600;
    border-bottom: 2px solid #73e600;
    transition: background 0.4s ease-out, border-right 0.4s ease-out, border-bottom 0.4s ease-out;
    -o-transition:  background 0.4s ease-out, border-right 0.4s ease-out, border-bottom 0.4s ease-out;
    -moz-transition: background 0.4s ease-out, border-right 0.4s ease-out, border-bottom 0.4s ease-out;
    -webkit-transition: background 0.4s ease-out, border-right 0.4s ease-out, border-bottom 0.4s ease-out;
}

.frame-text-big {
opacity: 1;
width: 185px;
position: absolute;
transition: opacity 0.4s ease-out;
    -o-transition:  opacity 0.4s ease-out;
    -moz-transition: opacity 0.4s ease-out;
    -webkit-transition: opacity 0.4s ease-out;
}

.frame-text-big-2 {
opacity: 0;
width: 185px;
position: absolute;
transition: opacity 0.4s ease-out;
    -o-transition:  opacity 0.4s ease-out;
    -moz-transition: opacity 0.4s ease-out;
    -webkit-transition: opacity 0.4s ease-out;
}

.ad:hover .frame-text-big {
opacity: 0;
}

.ad:hover .frame-text-big-2 {
opacity: 1;
}

.ad:hover .frame-text-big-frame {
    background: #73e600;
    border-right: 2px solid #73e600;
    border-bottom: 2px solid #73e600;
}


.frame-clubs-2, .frame-text-top-2, .frame-text-bottom-2 {
-o-transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
transition-delay: 0.2s;
}

.frame-clubs-3, .frame-text-top-3, .frame-text-bottom-3 {
-o-transition-delay: 0.4s;
-webkit-transition-delay: 0.4s;
-moz-transition-delay: 0.4s;
transition-delay: 0.4s;
}

.ad:hover .frame-clubs {
transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-moz-transform: rotate(360deg);
}

.ad:hover .frame-text-bottom {
color: #ff0000;
}
.ad:hover .frame-text-top {
color: #fff;
}
.denarium {
    display: block;
    position: relative;
    height: 42px;
    width: 650px;
    overflow: hidden;
    text-overflow: clip;
    text-align: center;
    background-color: black;
    margin-left: auto;
    margin-right: auto;
    font-family: Arial,Helvetica,sans-serif;
    font-style: normal;
    font-weight: 100;
}

.denarium_yellow {
    position: absolute;
    left: -54px;
    top: -11px;
    width: 306px;
    height: 75px;
    background-image: radial-gradient(circle farthest-corner at 50% 50%, rgb(203, 21, 23) 0%, rgb(203, 21, 23) 55%, rgb(203, 21, 23) 67%);
}

.denarium_black {
    position: absolute;
    left: 177px;
    top: -14px;
    width: 473px;
    height: 70px;
    background-image: linear-gradient(89deg, rgb(29, 29, 29) 0%, rgb(39, 39, 39) 100%);
    border-radius: 70px 0 0;
}

.denarium_name {
    position: absolute;
    left: -2px;
    top: 2px;
    width: 198px;
    height: 27px;
    font-size: 25px;
    font-weight: 700;
    color: white;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.38);
}

.denarium_phys {
    position: absolute;
    left: 15px;
    top: 26px;
    width: 166px;
    height: 15px;
    font-size: 8px;
    letter-spacing: 2px;
    color: white;
}

.denarium_perf {
    position: absolute;
    left: 207px;
    top: 11px;
    width: 366px;
    height: 27px;
    font-family: Arial Black,Gadget,sans-serif;
    font-size: 13px;
    font-weight: 700;
    color: white;
}

.denarium_buy {
    position: absolute;
    left: 219px;
    top: 1px;
    width: 340px;
    height: 15px;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 2px;
    word-spacing: 3px;
    color: white;
}

.denarium_we {
    position: absolute;
    left: 219px;
    top: 29px;
    width: 340px;
    height: 13px;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 1px;
    word-spacing: 3px;
    color: rgb(151, 151, 151);
}

.denarium_ring {
    position: absolute;
    left: 589px;
    top: -6px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1px solid rgb(231, 184, 24);
}

.denarium_d {
    position: absolute;
    left: 585px;
    top: 4px;
    width: 43px;
    height: 43px;
    font-size: 28px;
    color: rgb(255, 0, 0);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
    transform: translate(0, 0) rotate(0deg) scale(-1, 0.97725);
}

.denarium_b {
    position: absolute;
    left: 604px;
    top: 4px;
    width: 43px;
    height: 43px;
    font-size: 28px;
    color: rgb(255, 0, 0);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.65);
}