Efeito Wistlist V
Esse efeito é tão simples mas eu achei legalzinho hehe, enjoy
Visualização aqui
Cole esse código no seu css que fica entre <style> e </style>
/*efeito wistlist by nothingbetterthanagoodlie bruna regina* .zeppelin {display : block;font-size:9px;font-family:Arial; letter-spacing:0; border-bottom : 1px solid #bebebe;text-indent:-75px; vertical-align:middle;text-decoration:none;line-height:14px;margin-bottom:2px; background-image: url('http://static.tumblr.com/6aidcqy/leQmeo9aj/1__2_.png') ;color: #696969; border: 2px outset #FFA07A; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 3px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out } .zeppelin:hover {display : block;font-size:9px;font-family:Arial;letter-spacing:0; border-bottom :1px solid #FFA07A;z-index:5px;vertical-align:middle;text-decoration:none;line-height:14px;margin-bottom:2px; background-color: #2;color: #d4aa6a border: 2px inset #FFA07A; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out }
Cole esse código onde queira que apareça, ou seja, em <body>
<div class="zeppelin">NOME</div>
Bruna
