Allen Bildern(soweit ich gesehen hab), bei denen der Effekt in der Detailansicht nicht funktioniert, fehlt das (Foil) im alt-Attribut. z.b https://www.tappzeit.de/de/Wild-Growth.html oder https://www.tappzeit.de/de/Herald-of-Leshrac.html
Nicht ganz sicher, aber ich meine, dass Gambio in den Übersichtsseiten den Artikelnamen als Alt-Attributswert nimmt. Und der scheint bei den gewünschten Artikeln immer auf "(Foil)" zu enden. In der Artikeldetailseite nimmt Gambio den für das Bild hinterlegten Alt-Attributswert und der wiederum enthält wohl kein "(Foil)". Ja, genau das
Der Effekt sieht besser aus wenn du noch.. Code: animation-direction: alternate-reverse; ..mit rein packst.
@Dominik Späte Kannst du mir zufällig sagen was ich einbauen muss um einen regenbogen farbigen Effekt zu bekommen? Ich nutze diesen Code zur Zeit: Code: img[alt$="(Foil)"]{ color:grey; display:inline-block; mask:linear-gradient(-60deg,#000 30%,rgba(0,0,0,.5),#000 70%) right/300% 100%; -webkit-mask:linear-gradient(-60deg,#000 30%,rgba(0,0,0,.5),#000 70%) right/300% 100%; background-repeat:no-repeat; animation-direction: alternate-reverse; animation:shimmer 2.5s infinite; } @keyframes shimmer{ 100%{mask-position:left;-webkit-mask-position:left}; }
Leider ist dem nicht so. Ich habe das mehrfach im Code geändert und getestet. Aber es will einfach nicht funktionieren. Sobald ich den Code linear-gradient (90deg, purple, blue, cyan, green, yellow, red, black); einfüge verschwindet der schimmer effekt komplett.