CSS-Sprit.es: Créez des sprites CSS sans aucun codage

Publicité

CSS-Sprit.es est un outil en ligne pour aider les concepteurs et les développeurs Web à gérer les tâches des Sprites CSS. Il vous permet de générer rapidement et facilement des sprites d'image (un composant graphique avec une action prédéfinie, faisant partie d'un composant plus large) pour votre site Web avec peu ou même aucune connaissance du CSS.

En tant que fonctionnalité supplémentaire, il peut également produire des survols avec divers effets (désaturation, sépia, gaufrage, retournement horizontal/vertical, inversion) et donner à votre site Web ce look manquant. L'application utilise les fonctionnalités HTML 5 et génère des CSS valides.

L'utilisation du site est vraiment simple, choisissez simplement vos fichiers, puis sélectionnez éventuellement l'effet de survol dans la liste déroulante et cliquez sur le bouton "Créer un survol CSS". Cela générera un aperçu contenant l'image originale et l'image de transition comme on le voit dans l'image ci-dessous. Si vous avez aimé les résultats, vous pouvez récupérer le code CSS et HTML correspondant.

Caractéristiques:

• Créez des sprites CSS en ligne.
• Appliquez éventuellement des survols automatiques avec divers effets comme la désaturation, le retournement d'image ou le sépia… .
• Types d'images autorisés: png, gif, jpeg et chaque fichier ne doit pas dépasser 5 Mo.
• Téléchargement multiple et traitement par lots pris en charge.
• Vous permet de prévisualiser l'effet appliqué.
• Les CSS générés sont compatibles avec Mozilla, Chrome, Safari, Opera et IE > 6.0.
• Gratuit et sans inscription.
• Regarde aussi 11 outils utiles pour vérifier, nettoyer et optimiser votre fichier CSS 11 outils utiles pour vérifier, nettoyer et optimiser les fichiers CSSEnvie d'améliorer votre code CSS? Ces vérificateurs et optimiseurs CSS vous aideront à améliorer le code CSS, la syntaxe et à minimiser vos pages Web. Lire la suite .

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