Efeito Back Roll
O efeito é bem simples, é uma imagem que, ao passar o mouse, faz uma transição, e transformando-se numa box onde você escreve o que quiser. Veja o exemplo aqui. A Demi é linda e sdç, eu sei, mas vamos começar o tutorial?!
Primeiro, coloque esse código >aqui< em seu css, antes de </style>.
Agora, coloque esse código >aqui< onde quiser que apareça a imagem.
Agora iremos entender e substituir os códigos:
Em LARGURA_DA_IMAGEM, você coloca a WIDTH da imagem, que é a largura dela em px. Em ALTURA_DA_IMAGEM o mesmo, só que com a HEIGHT, que é a altura em px. Em LINK DA IMAGEM, coloque a url da imagem, link, enfim. E em O QUE VOCE QUISER ESCREVER AQUII , coloque o que vai aparecer escrito atrás da imagem, na hora que der a viradinha.
As mudanças no css, são as de menos por isso eu não vou passar explicando tudo aqui, qualquer coisa, ask-me.
Tutorial por Paty - keepyoureyesope-n | tumblr
Caso use, por favor, credite.
