如何离子应用图像CSS3滤镜2

我试图通过CSS3过滤器，以改善一些图像的分辨率，自动编辑它，你可以找到很多的过滤器在这个环节https://www.w3schools.com/cssref/css3_pr_filter.asp 如何离子应用图像CSS3滤镜2

什么办法，我问题是当我试图在img标签中使用id或class来将过滤器应用于一个图像时，则不会发生更改。

这是我的代码示例例如

<img src="{{noteImg.url}}" style="height:135px !important; margin=0px -webkit-filter: contrast(200%); filter: contrast(200%);" #imageToView (click)="viewImg(imageToView)"/>

，而不是我想申请上的一些图像的效果。

来源

2017-09-01 Ali H

添加工作的例子，你可能有一些错误的语法/名/属性... – Dekel

@Dekel你可以看到我的代码为img标签.. –

你的css与那个图像特别相关？ – Dekel

你必须与style属性的内容的问题：

<img src="{{noteImg.url}}" style="height:135px !important; margin: 0; -webkit-filter: contrast(200%); filter: contrast(200%);" #imageToView (click)="viewImg(imageToView)"/>

来源

2017-09-01 23:00:45 Dekel

在你的page-name {}中使用你的Css。如：它将被应用到仅此求佛页

page-yourPagename { 
img { 
    -webkit-filter: contrast(200%); /* Safari */ 
    filter: contrast(200%); 
} 
}

或者尝试使用类名。

page-yourPagename { 
.image { 
    -webkit-filter: contrast(200%); /* Safari */ 
    filter: contrast(200%); 
} 
}

来源

2017-09-01 22:46:00

我用我的代码编辑了问题。有什么错误吗？ –

@AliH根据我的理解，我没有得到'margin = 0px'，它应该是'margin：0xp;'用分号。否则你的代码看起来很好。 –

你是对的，现在的工作..非常感谢你 –

如何离子应用图像CSS3滤镜2

回答

相关问题