Ich muss mit HTML/CSS eine Schaltfläche mit einigen Schatten erstellen und habe eine PSD-Datei erhalten , die eine Form der Schaltfläche und einige darauf angewendete Effekte enthält. Einer der Effekte ist ein innerer Schatten.
Und der Mischmodus ist Multiplizieren . Es gibt keine solche Möglichkeit, Mischmodi in CSS zu verwenden , daher denke ich, dass die einzige Möglichkeit, eine 100% ige Kopie der Schaltfläche zu erstellen, darin besteht, die Farben vom Mischmodus Multiplizieren in Normal zu konvertieren . Ich habe die Formel des Mischmodus „ Multiplizieren “ gefunden .
Es ist :Result Color = (Top Color) * (Bottom Color) /255
Vielleicht ist es also möglich, jeweils die obere Farbe zu bekommen?
(Top Color) = (Result Color) / (bottom color) / 255
Ich habe es versucht, aber es funktioniert aus irgendeinem Grund nicht.
Irgendwelche Ideen?
Der einfachste Weg wäre, das PSD zu öffnen und das Farbauswahl-Tool zu verwenden, um die gewünschten Pixel abzutasten, und diese Farbe für den inneren Schatten in CSS zu verwenden.
Ihre Mathematik ist eingerostet. :) Ihre Gleichung sollte TC = RC * 255 / BC lauten, sonst erhalten Sie ein radikal anderes Ergebnis.
Wie Marc betont, besteht der einfachere Ansatz jedoch darin, mit der Pipette einen 3x3- oder sogar einen Punktwert aus dem dichtesten Teil des Schattens auszuwählen.
thebodzio