CSS-Sprit.es: Crie CSS Sprites sem qualquer codificação

Propaganda

CSS-Sprit.es é uma ferramenta online para ajudar web designers e desenvolvedores a lidar com o dever de CSS Sprites. Ele permite que você gere sprites de imagem de forma rápida e fácil (um componente gráfico com uma ação predefinida, como parte de um componente maior) para o seu site com pouco ou nenhum conhecimento de CSS.

Como um recurso adicional, ele também pode produzir rollovers com vários efeitos (dessaturação, sépia, relevo, inversão horizontal / vertical, inversão) e dar ao seu site aquela aparência ausente. O aplicativo usa recursos do HTML 5 e gera CSS válido.

Usar o site é realmente fácil, basta escolher seus arquivos e, opcionalmente, selecionar o efeito rollover na lista suspensa e clicar no botão “Criar CSS Hover”. Isso irá gerar uma visualização contendo a imagem original e a imagem de transição, como pode ser visto na imagem abaixo. Se gostou dos resultados, pode obter o código CSS e HTML correspondente.

Recursos:

• Crie sprites CSS online.
• Opcionalmente, aplique rollovers automáticos com vários efeitos, como dessaturação, inversão de imagem ou sépia….
instagram viewer
• Tipos de imagem permitidos: png, gif, jpeg e cada arquivo não deve ter mais de 5 MB.
• Suporte para multi upload e processamento em lote.
• Permite visualizar o efeito aplicado.
• Os CSS gerados são compatíveis com Mozilla, Chrome, Safari, Opera e IE> 6.0.
• Gratuito e sem registro.
• Veja também 11 ferramentas úteis para verificar, limpar e otimizar seu arquivo CSS 11 ferramentas úteis para verificar, limpar e otimizar arquivos CSSQuer melhorar seu código CSS? Esses verificadores e otimizadores CSS ajudarão a melhorar o código CSS, a sintaxe e a minimizar suas páginas da web. consulte Mais informação .

Experimente CSS-Sprite @ www.css-sprit.es