12种炫酷的CSS3鼠标滑过图片遮罩层动画特效_html/css_WEB-ITnose
程序员文章站
2022-05-11 09:16:16
...
InContent是一款效果非常炫酷的CSS3鼠标滑过图片遮罩层动画特效。这组特效共有12种不同的鼠标滑过图片效果,分为滑动、旋转和翻转3大类。它可以在支持CSS3 transition和transform属性的现代浏览器中正常工作。
在线预览 源码下载
使用方法
使用该CSS3鼠标滑过图片遮罩层动画特效需要在页面中引入由SASS编译的sass-compiled.css文件或由LESS编译的less-compiled.css文件。
或者:HTML结构
该CSS3鼠标滑过图片遮罩层动画特效的基本HTML结构如下:
.bottom-to-top是遮罩层的动画效果类。
可用的动画效果该CSS3鼠标滑过图片遮罩层动画特效有以下12种可用的CSS3动画效果。