当前位置: 源码素材网 » 网页特效 » HTML5特效

HTML5 CSS3 文字遮罩、倒影效果

  • TAG:遮罩动画 倒影  时间:2019-06-06 浏览:
  • 这是个使用了CSS3技术实现的文字动画特效,文字遮罩,在以前Flash流行的年代,这种效果大家并不陌生。现在进入了CSS3.0时代,虽然CSS3.0也不能直接实现文字遮罩及倒影效果,但是css3.0可以借助其他属性来完成,比如:-webkit-background-clip:text;文本裁剪、-webkit-text-fill-color:transparent; 文本颜色透明,根据这两个属性,我们可以填充文本颜色或背景图片,为了突出遮罩光影的位置变化,我们使用了keyframes来辅助,最终的效果或许会让人眼前一亮,请单击代码框下边的“运行代码”按钮查看实际效果。

相关特效代码

网页特效下载区