Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

第 163 期《 css: blend 混合模式 》 by 驯鹿 #161

Open
r2099c2 opened this issue Jan 9, 2018 · 0 comments
Open

第 163 期《 css: blend 混合模式 》 by 驯鹿 #161

r2099c2 opened this issue Jan 9, 2018 · 0 comments

Comments

@r2099c2
Copy link

r2099c2 commented Jan 9, 2018

一切都是从这个博客开始的:https://github.com/chokcoco/iCSS

这个博客里面有很多文章不错,很多之前没听过的CSS黑科技

其中3篇是讲图片混合模式的:
mix-blend-mode: chokcoco/iCSS#16
background-blend-mode: chokcoco/iCSS#31
一个使用这个属性的实例:chokcoco/iCSS#32

兼容性方面:安卓<=4.4.4版本不支持,iOS部分属性不支持,所以暂时不能使用到生产环境。

另外的一篇文章
你所不知道的 CSS 滤镜技巧与细节 chokcoco/iCSS#30

里面介绍了一个非常实用的功能:利用滤镜,给图片添加一层与原图颜色相仿的阴影效果

以及 最后的回复里面https://www.w3cplus.com/css3/ten-effects-with-css3-filter 很好的一篇讲解filter的功能的文章

@r2099c2 r2099c2 changed the title css: blend 混合模式 第163期:《 css: blend 混合模式 》 by 驯鹿 Jan 16, 2018
@r2099c2 r2099c2 changed the title 第163期:《 css: blend 混合模式 》 by 驯鹿 第 163 期《 css: blend 混合模式 》 by 驯鹿 Jan 16, 2018
# for free to join this conversation on GitHub. Already have an account? # to comment
Projects
None yet
Development

No branches or pull requests

1 participant