Heim > Web-Frontend > CSS-Tutorial > Hauptteil

Lustige bunte Codepens

Linda Hamilton
Freigeben: 2024-10-05 08:08:29
Original
660 Leute haben es durchsucht

Fun Colorful Codepens

Hallo, als Designer ist mir Farbe sehr wichtig.

In den letzten zwei Jahren habe ich einige Farbpaletten gesammelt und erstellt. Aber das ist nicht das Thema des heutigen Beitrags.

Heute wollte ich ein paar lustige Farbstifte teilen, die ich gemacht habe.

Lass uns gehen...

(Hinweis: Einige davon sind möglicherweise nicht auf Mobilgeräten kompatibel.)


1. RGB-Farbregler

Was kann ich dazu sagen? Bevor wir weitermachen, sollte ich zunächst sagen, dass ich Microsoft Copilot verwende, um mir bei den feineren Details von CSS und JS zu helfen.

Ok, was sind einige coole Features davon? Wenn Sie mit den Schiebereglern spielen, werden die Hintergrundfarbe der Seite und die Texteingabewerte für RGB sofort aktualisiert. Dies funktioniert bidirektional, wenn Sie einen Wert eingeben möchten, anstatt mit dem Schieberegler herumzuspielen.

2. Farbrechner

Wer liebt einen einfachen Taschenrechner nicht? Dieses hat eine coole Funktion, mit der Sie einen farbigen Hex-Code in die Antwortanzeige eingeben oder einfügen können, um die Farbe zu ändern!

3. Zufällige Farbpaletten mit JS

Apropos Farbpaletten. Hier ist ein zufälliger Farbpalettengenerator. Ich habe das nur zum Spaß erstellt. Ich weiß, dass ich KI häufig zur Unterstützung bei der Erstellung von Projekten nutze. Aber wenn es um Farbpaletten geht, verwende ich weder KI noch einen Zufallsgenerator für Farbpaletten. Es mag zwar Anwendungsfälle geben, aber viele meiner Designprojekte liegen mir sehr am Herzen und ich versuche, die Farben, die ich verwende, bewusst zu wählen.

4. Schwarz-weißes Zifferblatt

Sehr schönes einfaches Schwanzgesicht. Wäre ein toller Bildschirmschoner. Klicken Sie, um zwischen hellem und dunklem Design umzuschalten.

5. SunBible-App-Rahmen mit Farbdesignoptionen

Dies ist ein Projekt, an dem ich viele Jahre lang gearbeitet habe. Ich habe es von Grund auf neu entwickelt und es als Desktop-App mit Electron verpackt. Den gesamten Code dazu können Sie auf GitHub

einsehen

6. ABCs Infinite Snap Scroll mit Farbanimation

Vielen Dank, dass Sie bis zum Ende dieses Artikels gescrollt haben. Wenn Sie gerne scrollen, sind Sie bei mir genau richtig.

Ich würde mich gerne in den Kommentaren mit Ihnen vernetzen. Lassen Sie mich wissen, was Ihnen gefällt, vielleicht geben Sie mir eine Idee für ein weiteres lustiges Projekt.

Das obige ist der detaillierte Inhalt vonLustige bunte Codepens. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage