#frase2{
bottom:0px;
background-image:url('URLBG');
background-color:#FFD1D6 ;
border: 1px solid #FFC7D8;
width:200px; height:15px; position: fixed;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
font-family: verdana; color :#9C9C9C;
font-size: 9px; z-index: 2;
cursor:hand;text-align: center;
padding:3px;right:100px;
}

#frase2:hover {
background-color: ;
height: 280px;
color: transparent;
opacity:1.0;
-moz-opacity: 1.0;
filter: alpha(opacity=100);
cursor:hand;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
}

.frase1 {
text-align: center;
position: fixed;
color: transparent;
width: 78px; opacity:0.0;
-moz-opacity: 0.0;
filter: alpha(opacity=0);
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
cursor:hand;
}

.frase1:hover {
color:#888;
height:30px;
opacity:1.0;
-moz-opacity: 1.0;
filter: alpha(opacity=100);
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
cursor:hand;
}

.chat{
line-height: 12px;
list-style: none
}

• Hijau : URL background
• Merah : URL background
• Ungu : ketebalan border
• Orange : solid/ dotted/ dashed
• Biru : warna border
• Biru tua : tinggi box
• Kuning : Lebar box
• Abu Abu : warna font

<div id="frase2"><div class="frase1"><p>"CODECBOX"</p></div>AYAT</div>