Z-index inverso via css

On 30/07/2011, in CSS, Dicas, by Feijão Costa

Demorei um pouco pra conseguir fazer isso, mas achei uma solução muito boa.

Pra fazer isso, é preciso usar uma forma inteligente de acessar itens pelo css.

HTML

<html>
<body>
<ul>
<li>Primeiro</li>
<li>Segundo</li>
<li>Terceiro></li>
</ul>
</body>
</html>

CSS

ul li{
z-index: 10;
}
ul li+li{
z-index: 9;
}
ul li+li+li{
z-index: 8;
}

 

Deixe um Comentário

O seu endereço de email não será publicado Campos obrigatórios são marcados *

*

Você pode usar estas tags e atributos de HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Spam protection by WP Captcha-Free