La combinación de superposición altera el color de la imagen en la parte superior, en lugar de simplemente alterar la transparencia. ¿Hay alguna manera de imitar esto con CSS? No funciona exportar una imagen de Photoshop con la capa configurada para superponerla y colocarla sobre un fondo en la página web.¿Hay alguna manera de imitar el filtro de superposición de photoshop con CSS?
5
A
Respuesta
9
No se puede hacer con CSS puro, pero se puede hacer con javascript. Consulte Pixastic's blend function, tiene ~ 20 métodos de fusión que coinciden con los de Photoshop.
Nota: esta respuesta se ha vuelto menos precisa con el paso de los años. El atributo mix-blend-mode
ahora funciona en la mayoría de los navegadores, y parece que pixastic ha desaparecido.
0
ahora puede hacerlo con CSS, pero sólo en los navegadores modernos, tratar background-blend-mode: multiply;
que se funda la imagen de fondo de un elemento con su color de fondo.
1
Llego tarde a la fiesta, pero ahora existe una propiedad de mix-blend-mode
css que aplica el modo de combinación a un elemento completo que tiene en cuenta los elementos siguientes.
Cuestiones relacionadas
- 1. ¿Hay alguna manera de imitar o en genéricos de Java
- 2. ¿Cómo se implementa el filtro de recorte de photoshop?
- 3. CSS flotante con superposición
- 4. ¿Hay alguna manera de poner relaciones/restricciones en CSS?
- 5. ¿Hay alguna manera de usar el texto de uso como fondo con CSS?
- 6. ¿Hay alguna manera de omitir el parámetro?
- 7. Tinte de imagen usando CSS sin superposición
- 8. ¿Hay alguna manera de ocultar el enésimo artículo en una lista con CSS?
- 9. ¿Hay alguna manera de seleccionar múltiples tipos de campos de entrada con CSS?
- 10. ¿Hay alguna manera de limitar el alcance de flotación y borrado de CSS?
- 11. Modo de fusión de Photoshop con OpenGL ES sin sombreadores
- 12. ¿Hay alguna manera de especificar el uso de texto o cifras de titulación en CSS?
- 13. CSS superposición flecha
- 14. ¿Hay alguna manera de hacer el espaciado de letras css: 0.5 px?
- 15. Implementación del filtro "Bordes del póster" de Photoshop
- 16. Superposición de márgenes CSS Problema
- 17. Imágenes de superposición en CSS
- 18. ¿Hay alguna manera de crear complementos de Eclipse con Python?
- 19. ¿Hay alguna manera de usar css pseudo clases como mixins con compiladores lesscss?
- 20. ¿Hay alguna manera de obtener el objeto predeterminado de $ .ajax?
- 21. ¿Hay alguna manera de animar diseños? [Android]?
- 22. imitar el zoom del navegador con JavaScript
- 23. ¿Hay alguna manera de hacer referencia a un estilo de CSS existente desde otro estilo CSS utilizando CSS o javascript?
- 24. ¿Hay alguna manera de captar el estado real de System.Random?
- 25. ¿Hay alguna manera de desarrollar SmartArt personalizado?
- 26. ¿Hay alguna manera de evitar recursiones innecesarias?
- 27. ¿Hay alguna manera de utilizar DPI en consultas de medios css en lugar de px
- 28. ¿Hay alguna manera de usar ConcurrentDictionary.TryUpdate con una expresión lambda?
- 29. ¿Hay alguna manera de usar Thickbox con contenido dinámico?
- 30. ¿Hay alguna manera de conocer el método de invocación?
+1 guau, muy agradable. Para su información, es teóricamente posible incorporar algo como esto en CSS, pero tendría que analizar las hojas de estilo para extraer las reglas y luego procesarlas con JS. –