Simon Goellner (@simeydotme)s Sammlung holografischer Sammelkarten haben unsere Aufmerksamkeit erregt.
Unter der Haube Es gibt eine Reihe von filter(), background-blend-mode(), mix-blend-mode() und clip-path() Kombinationen, die sorgfältig optimiert wurden, um den gewünschten Effekt zu erzielen. Am Ende habe ich ein wenig verwendet img { visibility: hidden; } in DevTools, um ein besseres Gefühl für jeden Typ von holografischem Effekt zu bekommen.
Josh Dance (@JoshDance) antwortete mit Aufschlüsselung der Effekte mit dem Sie die Eingänge manuell steuern können.
Mehr von CSS-Tricks
Edle und coole benutzerdefinierte CSS-Bildlaufleisten: Ein Showcase
Quellknoten: 1755564
Zeitstempel: 14. Nov 2022
Entfesseln Sie mein unzugänglich beschriftetes Herz
Quellknoten: 1772633
Zeitstempel: 14. Dezember 2022
Alles, was Sie über die Lücke nach der Listenmarkierung wissen müssen
Quellknoten: 1808896
Zeitstempel: 2. März 2023
Einige browserübergreifende DevTools-Funktionen, die Sie möglicherweise nicht kennen
Quellknoten: 1817470
Zeitstempel: 22. März 2023
Großartige (und kostenlose!) Bücher zur Webentwicklung, die Sie online erhalten können
Quellknoten: 1578647
Zeitstempel: 27. Juni 2022
Konvertieren von Sprache in PDF mit NextJS und ExpressJS
Quellknoten: 1607803
Zeitstempel: 4. August 2022
Rendern von externen API-Daten in WordPress-Blöcken im Frontend
Quellknoten: 1721823
Zeitstempel: 11. Oktober 2022
