div { position: fixed; top: 100px; right: -140px; transition: right .5s ease; } div:hover { right: 0; } /* Por diseño */ * { margin: 0; padding: 0; } div { } p { max-width: 100px; padding: 20px; background: rgba(255,0,0,.5); } span { padding: 20px; background: blue; color: #fff; } p, span { float: left; }
<div> <span>Face</span> <p>El resto de lo que quieras poner aquí</p> </div>