文章关键字 ‘遮罩’

小tip: CSS3与文字渐变光影流动动画效果实现

2014年02月28日,星期五

现在的我,身在一个设计团队,自然要与各种视觉、效果打交道。啊,今天交互提出了一个效果:“可不可以让文字像脱衣服一样的,光影闪啊闪~” “当然可以啊!”虽然玩具多年未碰,但是有哪些玩具,自己还是清楚的,于是我很干脆的答应加这个效果。

实际上,之前就有类似效果实现,但是呢?之前的实现有一个不足,其渐变背景是图片实现的(10年时候CSS3渐变乃星星小火)。想想现在都什么年代了,渐变还要使用图片,简直弱爆了,而且还是webkit家族浏览器!显然,有改进的余地。于是……就有了有demo有截图还有源代码展示的本文了。

希望本文的内容能够对您的学习有所帮助。

阅读全文…

小tip:CSS3下的圆形遮罩效果实现与应用

2011年12月23日,星期五

本文展示下如何使用单纯的CSS实现遮罩效果,并列举一个实例看看该技术在实际项目中的应用。一如既往,提供demo页面,丰富的截图和必要的源代码展示。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

CSS3 text-fill-color简介及应用展示

2010年06月26日,星期六

本文内容并不多,主要就是简单介绍下CSS3的text-fill-color属性,并举例展示其应用。展示,如果利用CSS3的text-fill-color属性实现效果精湛的文字遮罩渐变动画效果。提供必要的截图,代码展示,以及视频动画消失。希望能对您的学习有所帮助。

阅读全文…