Das Textlogo hat einen durch den Text geschnittenen Schrägstrich. Sie legen zwei Kopien übereinander und beschneiden beide mit der Eigenschaft clip-path.
Was mich daran interessiert, ist, wie viele coole Designeffekte mehrere Kopien erfordern...
Ich ertappe mich dabei, wie ich mindestens einmal im Monat nach einem Werkzeug von Yoksel im Web suche. Ich dachte mir, ich liste einige meiner Favoriten hier auf, falls Sie sie noch nicht kennen. …
Sie alle kennen das berühmte Pac-Man-Videospiel, oder? Das Spiel macht Spaß und das Erstellen eines animierten Pac-Man-Charakters in HTML und CSS macht genauso viel Spaß! Ich zeige Ihnen, wie Sie einen erstellen können, indem Sie die Kräfte von … nutzen.
Stellen Sie sich vor, Sie möchten ein Bild (oder ein beliebiges anderes Element) visuell links in einem Textabsatz schweben lassen. Aber eben… in der Mitte des Absatzes, nicht ganz oben. Es ist machbar, aber es gehört sicherlich in den Bereich …
In diesem Beitrag werden wir mit CSS-Superkräften einen visuellen Effekt erzeugen, bei dem sich zwei Elemente überlappen und miteinander verweben. Die Erleuchtung für dieses Design kam während eines kurzen Anflugs spiritueller Neugier, der mich zu The … führte.
Mit Clipping-Pfaden kann man so viele Dinge machen. Ich erforsche sie schon seit einiger Zeit und habe verschiedene Techniken und Anwendungsfälle dafür entwickelt – und ich möchte meine Erkenntnisse teilen mit …
Unterschiedliche Website-Designs erfordern oft eine Form, die anders als ein Quadrat oder Rechteck auf ein Klickereignis reagiert. Vielleicht hat Ihre Website eine Art geneigten oder gebogenen Banner, bei dem der Klickbereich unhandlich groß wäre als …
Ich habe kürzlich eine interessante Änderung auf CodePen bemerkt: Wenn man mit der Maus über die Pens auf der Startseite fährt, erweitert sich im Hintergrund ein Rechteck mit abgerundeten Ecken.…
Die Landingpage für Apple Arcade hat einen coolen Effekt, bei dem ein "weißer" Text eine Art transluzenten Effekt hat. Man kann *etwas* von der Farbe des Hintergrunds durch den Text sehen. Es ist nicht wie Knockout-Text…
