Esse pequeno framework tem uma característica muito interessante, ele incorpora novas funcionalidades no CSS.
Entre suas principais vantanges, estão:
* Não é necessário aprender sintaxe já que utiliza a mesma sintaxe de CSS.
* Não é necessário habilidades com programação.
* É leve, tem apenas 6kbs e não depende de nenhum outro framework (como jQuery ou prototype).
* Cross-broser (compatível com IE6+, Firefox 2+, Opera 9+, Safari 2+ entre outros).
* CSS validado pela w3c.
Entre as 25 opções disponíveis estão: opacity, tooltip, popup, marquee (sim, ele mesmo), fadeOut / fadeIn, Roll In / Roll Out, hyphenation e preload-image.
Como instalar
Coloque dentro da sua taghead.
<script type="text/javascript" src="MoreCSS.js"></script> <link rel="morecss" href="MoreCSS.css" /> <!-- detalhe no rel="morecss" !-->
E dentro do MoreCSS.css você coloca os “comandos do plugin”.
O download do arquivo MoreCSS.js pode ser feito aqui.
Veja os exemplos na página do plugin. A documentação e todos os exemplos podem ser vistos aqui .
No meu próximo post eu ensino a fazer um Tooltip com o MoreCss.