Como criar uma página estática ou postagem animada em 3D com puro css - Animação nas páginas

Nenhum comentário
animação 3d com css

3D com css

Neste artigo, vou explicar como criar uma página estática ou postagem animada em 3D com puro css.

A animação nas páginas é um artifício bacana para dar um destaque especial àquele artigo que é importante para você. No blog, somos limitados a muito artifícios, porém, com um pouco de criatividade e conhecimento, podemos criar animações bem interessantes.

Antes de ir para o tutorial, leia este artigo, como ocultar elementos somente de uma página especifica no blog

Se você leu o artigo acima e já sabe como ocultar os elementos da página que pretende animar, vamos ao tutorial:

Agora prepare uma postagem ou uma página estática em branco, mude para o modo html.

Primeiro, copie o código a seguir:




Este código é o css que vai dar animação à sua página! Cole-o dentro da sua página estática ou postagem no modo html.

Ainda dentro da sua página recém criada, vamos colocar o html.

É onde irá chamar o css acima e inserir os textos para sua página ficar animada com um efeito 3D.

Copie o código a seguir:



E cole logo abaixo de </style>.

Altere os textos de acordo com o que você quer mostrar, divulgar, promover, etc...

Ainda no último comando da caixa acima colado em sua página, como este</h2><a class="sp-circle-link" href="http://www.bloggerenciado.com/p/arrumando-o-blog-servico-de-edicao.html">Veja aqui</a><br /> você irá colocar a url que você quer redirecionar seu leitor, e a descrição do link nas áreas destacas em azul.

Edite e coloque o que você achar melhor!

Agora, você acabou de criar uma página animada em 3D com puro css! A animação pode ser feita em qualquer página que você quiser e não afetará o template, nem o funcionamento do blog.

Nenhum comentário :

Postar um comentário

O BG entrará em contato com você em até 24 horas! Para deixar seu link, escolha a opção Nome/URL. Spans ou links para pedidos de visita serão excluídos imediatamente. Para mais informações, leia a Política BG.