Animated Box for HTML Post - Using CSS3

/*  Tuliskan keterangan tambahan kode html di sini! */
pre.loreng {
      margin: 30px 0;
      font-family: Georgia;
      font-size: 14px;
      color: #fff;
      line-height: 18px; text-shadow: 1px 1px 1px #000;
      padding: 17px 10px;
      border: 2px solid #333;
      border-right: none;
      background: #888;
      width: 300px;
      opacity: 0.9;
      -o-transition: all 1s ease-out;
      -moz-transition: all 1s ease-out;
      -webkit-transition: all 1s ease-out;
      overflow: hidden;
      filter: alpha(opacity=90);
      }
pre.loreng span {
      color: #888;
      } 
pre.loreng:hover {
      text-shadow: 1px 1px 1px #aaa;
      width: 555px;
      opacity:1.0;
      overflow: auto;  color: #660000;background: #0099FF url(http://i964.photobucket.com/albums/ae124/gubhugreyot/background/bgPreBlueWhiteV36H1.gif);
     filter: alpha(opacity=100); 
     display: block;
     border-left: 15px solid #666;
     border-right: 3px solid #666;
     }
pre.loreng:hover span {
     text-shadow: 1px 1px 1px #aaa;
     }

]]>

! //  Keterangan tambahan bisa juga di tuliskan di sini! */