站长素材网
综合搜索
整站源码
网页特效
PHP实例
网页模版
视频教程
论坛帖子
首 页
网页特效
整站源码
PHP/MySql
网站模版
视频教程
使用CSS3实现百叶窗式鼠标滑过hover图片动画效果
更新 2021-09-24
浏览 717次
描述:使用CSS3实现的百叶窗式鼠标滑过hover图片动画效果。该CSS3百叶窗式鼠标hover图片动画效果当鼠标移动到图片上时,通过伪元素来制作方块移动效果,形成百叶窗组合运动效果。
文件目录结构
fonts
┝ icomoon.woff
┝ icomoon.svg
┝ icomoon.eot
┝ icomoon.ttf
┝ www.zzsucai.com.txt
┝ 站长素材网.url
css
┝ demo.css
┝ index.html
images
┝ img-1.jpg
┝ img-3.jpg
┝ img-2.jpg
展开查看全部
百叶窗
鼠标滑过
hover事件
css3动画
图片动画
演示
下载 0 次
下载资源
相关内容
3D堆叠图片ui布局特效
jQuery shutter图片百叶窗插件轮播切换代码
jQuery带标题缩略图的百叶窗图片轮播切换效果
鼠标滑过图片遮罩显示文字
百叶窗切换效果带标题的焦点图代码
图片梯形排列鼠标滑过图片缩放排列效果
鼠标悬停图片动画显示文字信息代码
重叠图片效果鼠标滑过切换效果代码