We hebben eerder een aantal CSS-codegeneratoren bekeken, zoals Laagstijlen en de ThemeShock CSS-slagschaduwgenerator. Beide zijn uitstekend, maar beperkt, omdat ze alleen voor één effect code genereren. CSS3.0 Maker is een automatische CSS-codegenerator die genereertcode voor rand, tekstschaduw, vakschaduw, overzichtseffecten en scheeftrekken, schalen of roteren van een element. U kunt aan meerdere CSS-bestanden werken (verschillende stijlen in elk bestand) door verschillende bestanden te maken. Code wordt gedownload als een HTML-bestand en CSS wordt toegevoegd als een intern blad. De service vertelt u in welke versie van Chrome, Firefox, Internet Explorer, Safari en Opera de effecten worden weergegeven en welke mobiele apparaten dit ondersteunen.
Als u meerdere bestanden wilt maken, moet u dat doenmeld u aan voor een gratis account. De service kan anders worden gebruikt zonder er een te maken. Vreemd genoeg kun je met de site meer effecten toevoegen als je niet bent ingelogd. Extra effecten die beschikbaar zijn (als je bent uitgelogd) zijn verloop-, animatie- en overgangseffecten. Bij gebruik als een niet-geregistreerde gebruiker, kunt u met de site geen meerdere effecten toevoegen. Als u ervoor kiest om de service te gebruiken zonder te registreren voor een account, ziet u een horizontale balk net onder de sitekop waarmee u verschillende effecten kunt selecteren.
Als u meerdere effecten wilt toevoegen, registreer u dan voor een gratis account en maak een bestand aan. U kunt een bestand maken door te klikken op Nieuw bestand op de startpagina of door naar te gaan Mijn bestanden. Voer een naam in voor uw bestand. kiezen Bewerk en alle wijzigingen die u aanbrengt, worden in dit bestand opgeslagen. Ga naar de Huis om effecten te bewerken.
Gebruik de vervolgkeuzelijst op de om tussen verschillende effecten te schakelen Huis tab. Ga naar het RGBA-effect om de kleur van het element te wijzigen en de dekking aan te passen. Ga naar om een rand toe te voegen of om randstijlen te wijzigen Grensradius. De Schaduw tekst en Box Shadow effecten creëren een slagschaduweffect achter het element of de tekst. Je kunt het scheeftrekken en schalen vanaf de CSS Transform effect en verplaats de rand van het element van de Overzicht offset effect.
Nadat u alle wijzigingen heeft aangebracht en de gewenste effecten heeft toegepast, klikt u op Opslaan en toen Download, om het bestand te downloaden. Breng de nodige wijzigingen aan en je hebt je CSS klaar voor gebruik. De service is uitstekend als u wilt experimenteren met ontwerp of als u gewoon moet experimenteren met een hele reeks CSS-effecten voor een bepaald project.
Ga naar CSS3.0 Maker
Comments