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

Beste Omegle-alternatieven: uw nieuwe favoriete chatparadijzen

Beste Omegle-alternatieven: uw nieuwe favoriete chatparadijzen

Ontdek de beste Omegle-alternatieven voor veilige, leuke en anonieme chats in 2025. Maak contact met nieuwe mensen via video of tekst, waar ook ter wereld.

Speel elk Flash-spel op Android met Flash Game Player

Speel elk Flash-spel op Android met Flash Game Player

Heb je ooit een Flash-game willen spelen op je Android-telefoon, maar lukte dat niet omdat je daarvoor bedieningselementen nodig had die je telefoon niet bood? Nu kun je...

Android-telefoon in Windows koppelen voor toegang tot bestanden via wifi met SwiFTP

Android-telefoon in Windows koppelen voor toegang tot bestanden via wifi met SwiFTP

Als je in hart en nieren een gadgetfreak bent en graag alles doet wat te maken heeft met het op afstand toegang krijgen tot je apparaat, waar dan ook, probeer dan SwiFTP FTP Server eens.

Hoe je in 2025 gratis online naar muziek kunt luisteren zonder te downloaden

Hoe je in 2025 gratis online naar muziek kunt luisteren zonder te downloaden

Ontdek de ultieme gids voor het gratis online streamen van muziek in 2023, zonder downloads! Geniet zorgeloos van je favoriete muziek.

DocTranslator is een gratis online vertaler voor Office-documenten

DocTranslator is een gratis online vertaler voor Office-documenten

Google Translator is echt goed in wat het doet, namelijk tekst vertalen. Je voert een tekstreeks in en krijgt direct het resultaat in verschillende andere talen.

Voeg meer pictogrammen toe aan uw Android-startscherm

Voeg meer pictogrammen toe aan uw Android-startscherm

Er zijn in totaal 7 startschermen op elk Android-apparaat en er kunnen slechts 16 app-snelkoppelingen per scherm worden toegevoegd. Door de toevoeging van grote widgets wordt het

Download en installeer MeeGo 1.1 op de Nokia N900

Download en installeer MeeGo 1.1 op de Nokia N900

Eindelijk is er goed nieuws voor N900-bezitters: MeeGo 1.1 met dual-boot-functionaliteit is uitgebracht. MeeGo is in feite een op Linux gebaseerde smartphone.

Hoe u veilig en legaal iemands adres kunt vinden

Hoe u veilig en legaal iemands adres kunt vinden

Ontdek veilige en legale manieren om iemands adres online te vinden. Volg deze stappen om informatie te vinden zonder de privacywetgeving te overtreden.

Wat betekent de omgekeerde smiley in teksten?

Wat betekent de omgekeerde smiley in teksten?

Vraag je je af wat de omgekeerde smiley betekent? 🙃 Het wordt vaak gebruikt om sarcasme, ongemakkelijkheid of passief-agressieve humor te tonen in chats.

Niet gelijk aan teken – Hoe typ je het niet gelijk aan teken (≠)

Niet gelijk aan teken – Hoe typ je het niet gelijk aan teken (≠)

Ontdek het verschil tussen het gelijkteken en het niet-gelijkteken. Leer ze gebruiken in wiskunde en programmeren.