柔和的光线混合模式不起作用

时间:2016-12-09 22:55:51

标签: css css3 gradient blend linear-gradients

我正在尝试将图像的柔和光线混合模式应用于线性渐变,但效果不会加载到chrome上。我的代码是:

background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-image: url('../img/mall.png'), -moz-linear-gradient(90deg, #f857a6 0%, #ff5858 100%);
background-image: url('../img/mall.png'), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff5858), color-stop(100%, #f857a6));
background-image: url('../img/mall.png'), -webkit-linear-gradient(90deg, #f857a6 0%, #ff5858 100%);
background-image: url('../img/mall.png'), -o-linear-gradient(90deg, #f857a6 0%, #ff5858 100%);
background-image: url('../img/mall.png'), -ms-linear-gradient(90deg, #f857a6 0%, #ff5858 100%);
background-image: url('../img/mall.png'), linear-gradient(0deg, #f857a6 0%, #ff5858 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5858', endColorstr='#f857a6',GradientType=0 );
background-blend-mode: soft-light;

1 个答案:

答案 0 :(得分:0)

它对我有用:



>>>from itertools import chain
>>>a = [1, 2, 3, 4]
>>>b = ['x', 'y', 'z']
>>>for x in chain(a, b):
...
 print(x)
...
1
2
3
4
x
y
z

eval_template