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

Leave a Comment

Wat is er nieuw in Android 4.0 Ice Cream Sandwich [Functieoverzicht]

Wat is er nieuw in Android 4.0 Ice Cream Sandwich [Functieoverzicht]

Android 4.0 Ice Cream Sandwich (ICS) werd in oktober door Google en Samsung onthuld tijdens een evenement in Hong Kong en zoals verwacht is dit de meest

Hoe genereer ik een OPML-bestand uit RSS-feeds?

Hoe genereer ik een OPML-bestand uit RSS-feeds?

Als u van de ene feedreader naar de andere overstapt, is het een hectisch proces om naar al uw feedsites te gaan en u opnieuw te abonneren. Om te migreren

Downgrade iPhone 3G & 3GS van iOS 4 naar 3.1.2

Downgrade iPhone 3G & 3GS van iOS 4 naar 3.1.2

Gebruikers die hun iPhone 3G en iPhone 3GS-apparaten willen downgraden nadat ze per ongeluk zijn geüpgraded naar iOS 4, zullen deze handleiding nuttig vinden, dankzij commentator

Snap Camera gebruiken met Google Meet

Snap Camera gebruiken met Google Meet

Google Meet heeft een functie voor achtergrondvervaging die de achtergrond vervaagt of maskeert met een afbeelding. Dat is de omvang van de effecten. Aangezien Google

De 150 beste browserextensies en webapps van 2011 [keuze van de redactie]

De 150 beste browserextensies en webapps van 2011 [keuze van de redactie]

Of je nu een Mac of een Windows-pc gebruikt, je gebruikt nog steeds hetzelfde internet. Je online ergernissen, ergernissen en frustraties zijn vergelijkbaar, en je bent...

Hoe u uw Firefox-scherm kunt splitsen om ruimte te maken voor meer inhoud

Hoe u uw Firefox-scherm kunt splitsen om ruimte te maken voor meer inhoud

Als je Firefox gebruikt en je productiviteit wilt verhogen, dan is deze tip iets voor jou. Split Browser is een gratis add-on voor Firefox die je

DropItToMe is een veilige manier om mensen bestanden naar je Dropbox te laten uploaden

DropItToMe is een veilige manier om mensen bestanden naar je Dropbox te laten uploaden

Toen we in augustus over Dropbox Uploader schreven, raakten veel mensen geïnspireerd en maakten ze hun eigen versie van het script door het origineel aan te passen

Macro Recorder Plugin voor Google Chrome

Macro Recorder Plugin voor Google Chrome

Macro's zijn gewoon geweldig. We hebben uitgelegd hoe je macro's in Excel 2010, Word 2010, enz. kunt gebruiken om repetitieve taken op te nemen en vervolgens af te spelen. Nu de mannen achter

Toegang tot al uw e-mailaccounts vanuit Gmail

Toegang tot al uw e-mailaccounts vanuit Gmail

Wil je al je e-mailaccounts, zoals Hotmail, Yahoo, AOL, etc., vanuit Gmail beheren? In plaats van verschillende e-mailaccounts op hun websites te controleren

Zoomen in Microsoft Teams

Zoomen in Microsoft Teams

Microsoft Teams heeft een redelijk goede gebruikersinterface. De iconen zijn goed gemaakt en de donkere modus zorgt ervoor dat gebruikers tekst op de donkere achtergrond nog steeds goed kunnen lezen.