首页 > 解决方案 > 在 CSS 上实现 Photoshop 照片滤镜

问题描述

我想Photo Filters在 css 上重新创建 Photoshop 的结果,但不确定使用哪个mix-blend-mode以及如何使用。我知道这是一项相当微不足道的任务,但我仍然需要一点提示。理想情况下,我想将这两个过滤器合二为一。这是过滤器的详细信息和一些测试颜色

R E S U L T    C O L O R S        
                                  
+----------+  +----------+        
|          |  |          |        
|  f0f4e7  |  |  eac91a  |        
|          |  |          |        
+----------+  +----------+        
                                  
             ^                    
                                  
Photo Filter 2 Yellow (f9e31c)    
15% no preserve luminosity        
                                  
             ^                    
                                  
Photo Filter 1 Underwater (00c2b1)
8% no preserve luminosity         
                                  
             ^                    
                                  
I N I T I A L  C O L O R S        
                                  
+----------+  +----------+        
|          |  |          |        
|  ffffff  |  |  ebca1c  |        
|          |  |          |        
+----------+  +----------+ 

标签: cssphotoshopmix-blend-mode

解决方案


推荐阅读