Discover Top Posts Tagged with #frase hover

Menu Block (com frase e descrição)

Visualize *—*

Cole esse código no seu css (xx) - cole ele no seu css

Agora cole isso no html do seu theme

<div class="frasezinhamoni">Sua frase aqui</div>

<div id='menumoni'> <a href="/"> link</a> <a href="/">link </a> <a href="/"> link </a> <a href="/"> link</a> <a href="/"> link </a> <a href="/"> credit </a></div>

<div id='descricmoni'>Sua descrição aqui</div>

</div></div>

Se utilizar dê like.

Não retire os meus créditos / Credite.

Reponha as aspas se PRECISAR

{Môni}

#menu #menu hover #frase hover #descrição hover #moni #menu css

Frase simple Flower

Visualize *--*

1° Código (xx) - cole ele no seu css

Agora cole isso no html do seu theme

</div>

Se utilizar dê like.

Não retire os meus créditos / Credite.

Reponha as aspas se PRECISAR

{Môni}

#moni #frase hover #css #tuto

Imagem Hover (com descrição, frase e links)

Bem, tava aqui sem fazer nada e resolvi fazer uma imagem hover, como sempre vejo a foto cm descrição hover, resolvi fazer com a descrição uma frase e links.

Preview

Cole esse código no seu css:

(x)

Cole esse código depois de <body>

(x)

Por Kauana | inspirar-r

Não reblog, nem repasse

Se usar dê like e credite

#descricao hover #frase hover #links hover #kakau

FRASE EM 3D QUE FICA NORMAL AO HOVER

Bom, gente, veja o preview aqui, (onde há call me maybe?) agora coloca isso no teu css, antes de </style>:

fontlicious { font-family: megrim; text-shadow: -2px 0px #47e6dd, 2px 0px #ee4848; font-size: 20px; text-transform: uppercase; -webkit-transition-duration: .30s ;

fontlicious:hover{ text-shadow: 0px 0px, 0px 0px; -webkit-transition-duration: .30s ; color: #ffffff }

feito isso, você vai personalizar do modo que preferir, exemplo, o tamanho da fonte que é font-size:20px e a cor ao hover que é #ffffff no segundo código. Pronto? Para usar é só colocar o código:

<fontlicious> sua frase tsc </fontlicious>

Não esqueça de dar like se o tutorial lhe foi útil! Beijos.

#tutoriais #fontes #fonte #frase 3d #frase hover #frase em 3d

Tutorial: Frase Hover

Ela será uma div que na frase hover, a cor da letra tem que ser sempre a cor do fundo da frase normal. Para fazer isso, é simples, cole esse código no seu CSS:

/*** Frase Hover by MB ***/ .f {width: 200px; height: 15px; background-color: #COR1; color: #COR2; padding: 5px; -webkit-transition-duration: 1s;} .f:hover {opacity: 0.0;} .f:hover .mibsh {opacity:1.0;} .mibsh { width: 200px; height: 15px; background-color: #COR2; color: #COR1; padding: 5px; opacity: 0.0; margin-top: -25px; -webkit-transition-duration: 2s;} .mibsh:hover {opacity:1.0; }

E depois, cole isso entre <body> e </body>, onde quer que a frase fique:

<div class="f"> Frase aqui </div> <div class="mibsh"> Frase do Hover aqui </div>

Substitua as aspas e o que se pede, você pode customizar as cores, mas a #COR1 tem que sempre ser a mesma, e a #COR2 também. As medidas você fica livre para escolher, aí está com comprimento de 200 e altura de 15. Espero que gostem, dê like e credite se usar! /Mi

#tutos #mibs #frase hover

#frase hover

Trending Tags

Recently Viewed Tags

#frase hover