MoreCSS – Novo Framework de Efeitos em Javascipt

Esse pequeno framework tem uma característica muito interessante, ele incorpora novas funcionalidades no CSS.

morecss - Exemplo com popUp

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.

One thought on “MoreCSS – Novo Framework de Efeitos em Javascipt

  1. Pingback: Como fazer Tooltips com o MoreCSS | TidBits

Leave a Reply

Your email address will not be published. Required fields are marked *