CSS3.0 Maker - Ontvang CSS-code voor randen, schaduweffecten in vakken en meer

We hebben eerder een aantal CSS-codegeneratoren bekeken, zoals Layer Styles en de ThemeShock CSS Drop Shadow Generator . Beide zijn uitstekend maar beperkt omdat ze alleen code genereren voor een enkel effect. CSS3.0 Maker is een automatische CSS-codegenerator die code genereert voor randen, tekstschaduw, kaderschaduw, omtrekeffecten en het 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 zich aanmelden voor een gratis account. De service kan anders worden gebruikt zonder er een te maken. Vreemd genoeg kun je op de site meer effecten toevoegen als je niet bent ingelogd. Extra effecten die beschikbaar zijn (wanneer je bent uitgelogd) zijn verloop-, animatie- en overgangseffecten. Bij gebruik als niet-geregistreerde gebruiker kunt u op de site niet meerdere effecten toevoegen. Als u ervoor kiest om de service te gebruiken zonder u te registreren voor een account, ziet u een horizontale balk net onder de sitekop waarmee u verschillende effecten kunt selecteren.

Als je meerdere effecten wilt toevoegen, meld je dan aan voor een gratis account en maak een bestand aan. U kunt een bestand maken door op de startpagina op Nieuw bestand te klikken of door naar Mijn bestanden te gaan . Voer een naam in voor uw bestand. Selecteer Bewerken en alle wijzigingen die u aanbrengt, worden in dit bestand opgeslagen. Ga naar het tabblad Start om te beginnen met het bewerken van effecten.

Gebruik het vervolgkeuzemenu op het tabblad Start om tussen verschillende effecten te schakelen . Ga naar het RGBA-effect om de kleur van het element te wijzigen en de dekking ervan aan te passen. Ga naar Randradius om een ​​rand toe te voegen of omrandstijlen te wijzigen . De effecten Tekstschaduw en Kaderschaduw creëren een slagschaduweffect achter het element of de tekst. U kunt het schuintrekken en schalen met het CSS Transform- effect en de rand van het element verschuiven met het Outline Offset- effect.

Nadat u alle wijzigingen heeft aangebracht en de gewenste effecten hebt toegepast, klikt u op Opslaan en vervolgens op Downloaden om het bestand te downloaden. Breng de nodige wijzigingen aan en uw CSS is klaar voor gebruik. De service is uitstekend als u wilt experimenteren met ontwerp of als u gewoon wilt experimenteren met een hele reeks CSS-effecten voor een bepaald project.

Bezoek CSS3.0 Maker