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

Leave a Comment

Apple sammelt FaceTime-Informationen und kann Videoanrufe sehen

Apple sammelt FaceTime-Informationen und kann Videoanrufe sehen

Es ist verständlich, dass die Menschen bei großen Leaks mehr Beweise benötigen, bevor sie eine endgültige Schlussfolgerung ziehen können. Um auf das Thema zurückzukommen: Es gab zwei

So konvertieren Sie Text kostenlos online in Sprache

So konvertieren Sie Text kostenlos online in Sprache

Ivona Online ist ein kostenloser Onlinedienst, mit dem Sie ganz einfach aus jedem Text eine Stimme erstellen können. Geben Sie einfach den Text ein und klicken Sie auf die Schaltfläche „Wiedergabe“.

Internet Explorer-Kompatibilität in Chrome mit IE Tab Classic

Internet Explorer-Kompatibilität in Chrome mit IE Tab Classic

Die Erweiterungen von Google Chrome nehmen rasant zu, und die Bibliothek ist voll von vielen nützlichen Ergänzungen. Obwohl Chrome einer der besten Browser ist

Die besten kostenlosen und schönsten Android Live Wallpaper

Die besten kostenlosen und schönsten Android Live Wallpaper

Während das Konzept des Hintergrundbilds für die meisten Desktop- und mobilen Betriebssysteme gleich ist, geht Android noch einen Schritt weiter und ermöglicht

So beheben Sie die Warnung „Wenig Speicher“ auf dem iPhone/iPod Touch

So beheben Sie die Warnung „Wenig Speicher“ auf dem iPhone/iPod Touch

In den letzten Tagen hatten viele Benutzer Speicherprobleme mit ihrem iPhone/iPod Touch-Speicher, wobei das Betriebssystem den Benutzer oft darauf hinweist, dass ihr Systemspeicher

Steuern Sie den VLC Media Player mit der integrierten Fernbedienung für Dell- und HP-Laptops

Steuern Sie den VLC Media Player mit der integrierten Fernbedienung für Dell- und HP-Laptops

Die meisten Laptops verfügen mittlerweile über eine eingebaute Fernbedienung, sind aber alle nur für den Betrieb mit Windows Media Player und Windows Media Center konfiguriert. Mit der

Anleitung: Einfache Installation von Android 2.2 Froyo auf dem HTC HD2

Anleitung: Einfache Installation von Android 2.2 Froyo auf dem HTC HD2

Wir haben bereits eine Anleitung zur Installation von Android 2.2 Froyo auf Ihrem HTC HD2 veröffentlicht. Diese Anleitung richtet sich an alle Geeks und Enthusiasten, die

Anleitung: Motorola i1 rooten [ADB-Methode]

Anleitung: Motorola i1 rooten [ADB-Methode]

Endlich gibt es tolle Neuigkeiten für Motorola i1-Nutzer, die darauf warten, ihr Handy zu rooten. GotHeart im CyanogenMod Forum hat Root durch

Installieren Sie Android-Apps von Gmail

Installieren Sie Android-Apps von Gmail

Sie haben eine APK-Datei per E-Mail erhalten und wissen nicht, was Sie damit anfangen sollen, weil Sie sie nicht direkt installieren können? Eine Reihe von Entwicklern

So ändern Sie Ihre Kartenansicht – Google Maps

So ändern Sie Ihre Kartenansicht – Google Maps

Google Maps bietet verschiedene Ansichten. Für viele Nutzer ist die vereinfachte Kartenansicht die beste Navigationsoption, aber die zusätzlichen Overlays, die