Demonstração:
Fala galera da blogosfera, hoje estarei passando a vocês um tutorial bem maneiro que é o efeito transição em listas, a demonstração acima já diz tudo. É um efeito CSS3 não pesa e cria um certo charme.
Vamos ao Tutorial:
1°- No painel do blog clique na guia Design > Editar HTML.
2°- Agora segure as teclas CTRL + F e procure por:
]]></b:skin>
3°- Acima dele cole o seguinte código:
ul li, ol li {line-height: 20px;list-style-position: inside;list-style-type: disc;padding: 0;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;-moz-transition: all 0.4s ease;}
ul li:hover, ol li:hover {padding: 0 10px;}
5°- Depois é so salvar e pronto!
Efeito transição em listas com CSS3
0
Deixe seu Comentário »
Efeito transição em listas com CSS3
Demonstração:
Fala galera da blogosfera, hoje estarei passando a vocês um tutorial bem maneiro que é o efeito transição em listas, a demonstração acima já diz tudo. É um efeito CSS3 não pesa e cria um certo charme.
Vamos ao Tutorial:
1°- No painel do blog clique na guia Design > Editar HTML.
2°- Agora segure as teclas CTRL + F e procure por:
]]></b:skin>
3°- Acima dele cole o seguinte código:
ul li, ol li {line-height: 20px;list-style-position: inside;list-style-type: disc;padding: 0;transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;-moz-transition: all 0.4s ease;}
ul li:hover, ol li:hover {padding: 0 10px;}
5°- Depois é so salvar e pronto!
OBS:
Caso encontre videos Removidos "This video Has Been Removed.." ou com problemas, Pedimos aos Usuarios que comentem para assim Recuperarmos o video novamente.
Publicidade em Manutenção.
0 comentários:
Postar um comentário