MoreCSS.js: Efeitos Especiais no seu CSS

Mar 15, 2008 I CSS, Scripts.

morecss.png

MoreCSS é um script que expande as propriedade do CSS para facilitar agregar as características e efeitos que ou não tem um atributo especifico o não são aceitas por todos os navegadores.
Por exemplo, com este script é possível criar tabelas ou lista com o famoso estilo “Zebra”, abrir links em uma janela externa na forma de pop-up, agregar conteúdo antes e depois de um elemento entre outras coisas. No total são cerca de 20 funções diferentes.

 

Para utilizá-lo é necessário adicionar a chamada ao Script:

<script src="http://seusite.com/MoreCSS.js" type="text/javascript"></script>

 

E depois adicionamos os novos atributos as classes que queremos aplicar o efeito.
Por exemplo, para abrir links em um nova janela, definimos no css:

 

.blogroll a:active {
target: popup;
target-width: 800px;
target-height: 600px;
}

 

Que terá como resultado que todos os links dentro da classe "blogroll" se abram em uma nova janela com tamanho 800*600px.

 

Na página de MoreCSS podemos ver todos os atributos, sua forma de uso e exemplos, assim como descarregar a última versão do script

Via: blogandweb.com


Leave a Reply