Wysuwane okienko ...

<style type="text/css">
#tab {
   width: 200px;
   height: 300px;
   position: fixed;
   top: 100px;
   background-color: #fff;
   border: 5px solid #3B5997;
   left: -210px;
   -webkit-transition: left 0.5s ease-out;
   -moz-transition: left 0.5s ease-out;
   -o-transition: left 0.5s ease-out;
   transition: left 0.5s ease-out;

}
#tab:after{
   content: url('http://www.no-limit.pl/przycisk.png');
   position: absolute;
   right: -32px;
   top: -5px;
   cursor: pointer;
}

#tab:hover {
   left: 0;
}
</style>
<div id="tab">Tutaj dowolna treść</div>

przed i po najechaniu