0 Efeito transição em listas com CSS3

Demonstração:

• Nerd Invasor
• Google

 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!