Tengo que hacer un botón con algunas sombras usando HTML/CSS y me han proporcionado un archivo PSD , que tiene la forma del botón y algunos efectos aplicados. Uno de los efectos es una sombra interior.
Y su modo de fusión es Multiplicar . No existe tal posibilidad de usar modos de fusión en CSS , por lo que creo que la única forma de hacer una copia del botón al 100% es convertir los colores del modo de fusión Multiplicar a Normal . Encontré la fórmula del modo de fusión Multiplicar .
Es :Result Color = (Top Color) * (Bottom Color) /255
Entonces, ¿tal vez es posible obtener el color superior respectivamente?
(Top Color) = (Result Color) / (bottom color) / 255
Intenté esto pero no funciona por alguna razón.
¿Algunas ideas?
La forma más fácil sería abrir el PSD y usar la herramienta de selección de color para muestrear los píxeles que busca y usar ese color para la sombra interna en CSS.
Tus matemáticas están oxidadas. :) Su ecuación debe leer TC = RC * 255 / BC, de lo contrario, terminará con un resultado radicalmente diferente.
Dicho esto, como señala Marc, el enfoque más directo es utilizar el cuentagotas para elegir un valor de 3x3 o incluso un punto de la parte más densa de la sombra.
thebodzio