CSS-Sprit.es: CSS-sprites maken zonder enige codering

Advertentie

CSS-Sprit.es is een online tool om webontwerpers en -ontwikkelaars te helpen omgaan met de CSS Sprites-plicht. Hiermee kunt u snel en eenvoudig afbeeldingssprites (een grafische component met een vooraf gedefinieerde actie, als onderdeel van een grotere component) voor uw website genereren met weinig of zelfs geen kennis van CSS.

Als extra functie kan het ook rollovers produceren met verschillende effecten (desaturatie, sepia, reliëf, horizontaal/verticaal spiegelen, omkeren) en uw website die ontbrekende look geven. De applicatie maakt gebruik van HTML 5-functies en genereert geldige CSS.

Het gebruik van de site is heel eenvoudig, kies gewoon uw bestanden, selecteer vervolgens optioneel het rollover-effect in de vervolgkeuzelijst en klik op de knop "Creëer CSS Hover". Dit genereert een voorbeeld met de originele afbeelding en de overgangsafbeelding zoals te zien in de onderstaande afbeelding. Als de resultaten je bevallen, kun je de bijbehorende CSS- en HTML-code pakken.

Functies:

• Maak online CSS-sprites.
• Pas optioneel automatische rollovers toe met verschillende effecten zoals desaturatie, beeldomdraaien of sepia… .
• Toegestane afbeeldingstypen: png, gif, jpeg en elk bestand mag niet groter zijn dan 5 MB.
• Multi-upload en batchverwerking ondersteund.
• Hiermee kunt u een voorbeeld van het toegepaste effect bekijken.
• De gegenereerde CSS is compatibel met Mozilla, Chrome, Safari, Opera en IE > 6.0.
• Gratis en zonder registratie.
• Zie ook 11 Handige hulpmiddelen om uw CSS-bestand te controleren, op te schonen en te optimaliseren 11 Handige hulpmiddelen om CSS-bestanden te controleren, op te schonen en te optimaliserenWilt u uw CSS-code verbeteren? Deze CSS-checkers en -optimizers helpen de CSS-code en syntaxis te verbeteren en uw webpagina's te verkleinen. Lees verder .

Probeer CSS-Sprite @ uit www.css-sprit.es