#当前端遇上二次元# 接上一条微博。看到图二的效果,第一反应是在字体里嵌入视频,想了想这样太蠢了,第二反应是用了CSS的反色效果。果不其然,关键属性用到了:
text-fill-color: transparent;
mix-blend-mode: exclusion;
其实是根据PS的排除模式,很简单就做出类似黑白配和反色的效果,这都玩烂的感觉,但是帅呀。
本想快速撸个例子(图4),没想到视频卡死在 CORS policy 上面,查了官方文档也没能解决,烦。还有张鑫旭老师真心牛逼,每次google 都被他霸屏,已经是2015年的例子了,惭愧。
参考:
text-fill-color:
O网页链接混合模式:
O网页链接Cross-Origin Requests:
O网页链接github:
O网页链接#备忘录#