a.tooltip{ position:relative; padding:5px; text-decoration:none; font-family:tahoma; font-size:12px; text-transform:uppercase; color: #000; text-align:center; width:70px; background: #333; display:inline-block; -webkit-transition: 2.0s; -moz-transition: 2.0s; -moz-box-shadow:inset 200px 0px 0px #efefef; -webkit-box-shadow:inset 200px 0px 0px #fff; box-shadow:inset 200px 0px 0px #efefef; } a.tooltip:hover{ z-index:25; color: #F6CED8; -webkit-transition: 2.0s; -moz-transition: 2.0s; padding-left : 5px; -moz-box-shadow:inset -100px 0px -200px -0.5px #aaa; -webkit-box-shadow:inset -100px 0px -200px -0.5px #fff; box-shadow:inset -100px 0px 0px -0.5px #aaa; } a.tooltip span{display: none } a.tooltip:hover span{ display:block; position:absolute; border:1px solid #333; background-color:#161616; border-radius:7px; padding:5px; color:#fff; font-family: verdana; font-size: 11px; opacity: 0.7; box-shadow: 1px 1px #eee; width: 100px; }