CSS3.0 Maker – Holen Sie sich CSS-Code für Rahmen-, Box-Shadow-Effekte und mehr

Wir haben bereits einige CSS-Codegeneratoren getestet, darunter Ebenenstile und den ThemeShock CSS-Drop-Shadow-Generator . Beide sind ausgezeichnet, aber begrenzt, da sie nur Code für einen einzelnen Effekt generieren. CSS3.0 Maker ist ein automatischer CSS-Codegenerator, der Code für Rahmen, Textschatten, Boxschatten, Umrisseffekte sowie das Neigen, Skalieren oder Drehen eines Elements generiert. Sie können an mehreren CSS-Dateien (unterschiedliche Stile in jeder Datei) arbeiten, indem Sie unterschiedliche Dateien erstellen. Der Code wird als HTML-Datei heruntergeladen und CSS wird als internes Blatt hinzugefügt. Der Dienst teilt Ihnen mit, in welcher Version von Chrome, Firefox, Internet Explorer, Safari und Opera die Effekte gerendert werden und welche Mobilgeräte dies unterstützen.

Um mehrere Dateien zu erstellen, müssen Sie sich für ein kostenloses Konto anmelden. Ansonsten kann der Dienst genutzt werden, ohne dass ein solcher erstellt werden muss. Seltsamerweise können Sie auf der Website weitere Effekte hinzufügen, wenn Sie nicht angemeldet sind. Zusätzliche Effekte, die verfügbar sind (wenn Sie abgemeldet sind), sind Verlaufs-, Animations- und Übergangseffekte. Als nicht registrierter Benutzer können Sie auf der Website nicht mehrere Effekte hinzufügen. Wenn Sie den Dienst nutzen möchten, ohne sich für ein Konto zu registrieren, wird direkt unter der Kopfzeile der Website eine horizontale Leiste angezeigt, mit der Sie verschiedene Effekte auswählen können.

Wenn Sie mehrere Effekte hinzufügen möchten, registrieren Sie sich für ein kostenloses Konto und erstellen Sie eine Datei. Sie können eine Datei erstellen, indem Sie auf der Startseite auf „Neue Datei“ klicken oder zu „Meine Dateien“ gehen . Geben Sie einen Namen für Ihre Datei ein. Wählen Sie „Bearbeiten“ und alle von Ihnen vorgenommenen Änderungen werden in dieser Datei gespeichert. Gehen Sie zur Registerkarte „Startseite“ , um mit der Bearbeitung der Effekte zu beginnen.

Um zwischen verschiedenen Effekten zu wechseln, verwenden Sie das Dropdown-Menü auf der Registerkarte „Startseite“ . Um die Farbe des Elements zu ändern und seine Deckkraft anzupassen, gehen Sie zum RGBA-Effekt. Um einen Rahmen hinzuzufügen oder den Rahmenstil zu ändern, gehen Sie zu „Randradius“. Die Effekte „Textschatten“ und „Boxschatten“ erzeugen einen Schlagschatteneffekt hinter dem Element oder dem Text. Sie können es mit dem Effekt „CSS-Transformation“ neigen und skalieren und mit dem Effekt „Umrissversatz“ den Rand vom Element versetzen .

Wenn Sie alle Änderungen vorgenommen und die gewünschten Effekte angewendet haben, klicken Sie auf „ Speichern “ und dann auf „Herunterladen“ , um die Datei herunterzuladen. Nehmen Sie die erforderlichen Änderungen vor und schon ist Ihr CSS einsatzbereit. Der Service eignet sich hervorragend, wenn Sie mit Design experimentieren möchten oder einfach nur mit einer Reihe von CSS-Effekten für ein bestimmtes Projekt experimentieren müssen.

Besuchen Sie CSS3.0 Maker


So ändern Sie die Hervorhebungsfarbe in Adobe Acrobat Reader DC

So ändern Sie die Hervorhebungsfarbe in Adobe Acrobat Reader DC

Müssen Sie bestimmte Texte in einer PDF-Datei hervorheben? Erfahren Sie, wie Sie die Hervorhebungsfarbe in Adobe Reader ändern, um interessante Inhalte zu markieren.

Was ist ein Favicon? Der ultimative Leitfaden für Website-Designer

Was ist ein Favicon? Der ultimative Leitfaden für Website-Designer

Sind Sie Inhaber oder Designer einer Website und möchten den Markenwert steigern? Sie müssen diesen ultimativen Leitfaden darüber lesen, was ein Favicon ist, um loszulegen.

Wie Sie KI nutzen können, um Ihr Schreiben zu verbessern

Wie Sie KI nutzen können, um Ihr Schreiben zu verbessern

Wir zeigen Ihnen 5 wichtige Möglichkeiten, wie Sie ChatGPT nutzen können, um Ihre eigenen Schreibfähigkeiten zu verbessern, ohne Ihre Integrität als Autor zu gefährden.

Wofür steht RGB und wie funktioniert es?

Wofür steht RGB und wie funktioniert es?

Wenn Sie ein Gamer oder Designer sind, stoßen Sie möglicherweise oft auf das Wort RGB. Lesen Sie diesen Blog, um zu erfahren, wofür RGB steht.

So entsenden Sie eine E-Mail in Gmail

So entsenden Sie eine E-Mail in Gmail

Sie haben versehentlich eine E-Mail über Gmail gesendet und möchten sie zurückrufen? In diesem prägnanten Artikel erfahren Sie, wie Sie das Senden einer E-Mail in Gmail rückgängig machen.

Wie funktioniert Snap Score: Erfahren Sie, wie die Funktion funktioniert

Wie funktioniert Snap Score: Erfahren Sie, wie die Funktion funktioniert

Wenn Sie ein Snapchat-Benutzer sind, sollten Sie den Snap-Score und seine Funktionsweise kennen. Erfahren Sie, wie Snap Score funktioniert, indem Sie diesen Blog lesen.

KI-gestütztes UX-Testen: Vorteile und Best Practices

KI-gestütztes UX-Testen: Vorteile und Best Practices

Sind Sie ein UX-Spezialist und möchten die Vorteile und Best Practices von KI-gestützten UX-Tests kennenlernen? Schauen Sie sich diesen Artikel an

Microsoft Office-Alternativen

Microsoft Office-Alternativen

Microsoft Office ist eines der beliebtesten Anwendungspakete, das den Benutzern zweifellos in vollem Umfang Erleichterung verschafft. Aber aufgrund seines hohen Preises oder wegen

Anpassen von ChatGPT: So optimieren Sie das KI-Modell für personalisierte Ergebnisse

Anpassen von ChatGPT: So optimieren Sie das KI-Modell für personalisierte Ergebnisse

Passen Sie ChatGPT, das beliebte generative künstliche Intelligenzmodell, an, um bessere Antworten zu erhalten. Eine Schritt-für-Schritt-Anleitung, Tipps und Best Practices inklusive!

So löschen Sie ein Instagram-Konto auf dem iPhone: Schrittweise Methode

So löschen Sie ein Instagram-Konto auf dem iPhone: Schrittweise Methode

Möchten Sie wissen, wie Sie ein Instagram-Konto auf dem iPhone löschen? Wenn ja, lesen Sie diesen Blog für die schnelle und einfache Methode zum Löschen von Instagram.