首页
网站建设
网页素材
网页特效
设计分享
建站教程
UI设计
网站模版
酷站赏析
添加收藏
RSS
网站地图
旧版网站
全部
网页特效
建站教程
设计分享
当前位置:
首页
>
网页特效
>
CSS3+HTML5特效
>
CSS3鼠标悬停图片动画显示简介特效
时间:2016-05-22 来源:互联网
CSS3鼠标悬停图片动画显示简介特效
特效说明:
一款CSS3鼠标悬停图片动画显示简介特效下载,该CSS3特效基于transform、scale3d实现的鼠标滑过图片动画放大、渐变出现文字描述图文特效。请用支持HTML5+CSS3主流浏览器预览效果。
(兼容测试:IE10、Firefox、Chrome、Opera、Safari、360等支持HTML5+CSS3主流浏览器)
使用方法:
1、调用CSS样式:
<link rel="stylesheet" type="text/css" href="css/style.css" />
2、添加HTML代码:
将<!--效果html开始-->......<!--效果html结束-->之间的html和js代码;放在<body></body>之间。
标签
图片特效
CSS3特效
鼠标悬停
图片放大
预 览
下 载
收 藏
分 享
相关特效
CSS3制作百叶窗切换焦点图
一款CSS3制作百叶窗切换焦点图免费下载,该CSS3特效使用背景图片来制作,在轮播图切换时,通过一组div元素来制作百叶窗效果切换图片,网页制作中非常炫酷的banner图效果。……
2016-09-04
纯CSS3制作一个简单好看的翻书效果
纯CSS3制作一个简单好看的翻书效果下载,蛮精致的一款纯CSS3模拟书本翻页效果,CSS3网页制作小实例教程。……
2016-08-16
CSS3鼠标经过图片3D翻转动画特效
一款CSS3鼠标经过图片3D翻转动画特效下载,该CSS3网页特效是一款通过Bootstrap网格系统来布局,通过简单的CSS3代码,在鼠标滑过图片时对图片进行3D翻转,效果非常酷。……
2016-07-22
jQuery和CSS3超酷3D多层图片视觉差互动特效
一款jQuery和CSS3超酷3D多层图片视觉差互动特效下载,该JS图片特效通过CSS3属性preserve-3d以及获取屏幕宽度、高度、当前鼠标坐标实现的视觉差3D特效。……
2016-07-22
jQuery判断鼠标划入图片方向显示遮罩层特效
一款jQuery判断鼠标划入图片方向显示遮罩层特效代码下载,该图片特效是一款鼠标从哪个方向移到图片上遮罩就从哪里出现JS代码。……
2016-07-22
CSS3鼠标悬停图标导航动画特效
一款CSS3鼠标悬停图标导航动画特效下载,该HTML5+CSS3特效是一款基于CSS属性clip、transition等属性实现的简洁清爽风格鼠标悬停动画切换特效。……
2016-07-08
CSS3鼠标滑过动画线条运动效果
一款CSS3鼠标滑过动画线条运动效果免费下载,该CSS3特效基于CSS属性animation动画制作,效果流畅弹性十足。……
2016-06-28
8款CSS3鼠标滑过图片动画效果
8款CSS3鼠标滑过图片动画效果下载,该图文特效基于纯CSS3编写,鼠标悬停图片以不同的方式显示遮罩层和图片标题。每一组效果又分为3种不同的鼠标滑过图片效果。……
2016-06-28
CSS3艺术文字特效样式代码
纯CSS3艺术文字特效样式代码下载,该CSS3特效是一款超炫的CSS3文字特效集锦酷炫特效代码,堪比PS滤镜效果。……
2016-06-28
jQuery炫酷鼠标滑过图片显示遮罩层特效
一款jQuery炫酷鼠标滑过图片显示遮罩层特效免费下载,该jQuery+CSS3图片特效代码是鼠标滑过/悬停图片显示遮罩炫酷动画特效代码。……
2016-06-28
分类导航
焦点图
图文相册
导航 | 菜单
弹出层 | 滚动条
表单 | 客服
CSS3+HTML5特效
其他特效
Logo设计
网页背景
网页设计字体
PSD素材
PNG素材
矢量素材
PS插件
QQ表情
Flash素材
建站必备常识
空间域名
建站服务
建站价格
案例分析
网站优化
网站建设软件
网站建设教程
网页设计分享
网站模版
酷站赏析
最新更新特效
JS采用VUE制作无限极树形结构菜单展开收缩代码
2019-04-12
HTML5绘制动态线条像素背景动画特效
2019-04-12
jQuery网页视频在线播放器代码
2019-04-12
HTML5科幻空间动画背景网页特效
2019-04-12
jQuery滑动验证解锁插件slideunlock.js
2019-04-10
JS雪花飘落动画字体倒计时代码
纯CSS3制作网页科幻水波纹动画特效
HTML5交互式3D魔方游戏代码
jQuery数字滚动、跳动累加递减动画特效
酷炫loading动画加载特效
设计分享
如何让开发人员按照UI标注还原设计?
2015-10-22
Adobe Flash正走向自己的末日
2015-09-23
经典不过时!网页设计师该向印刷设计学习的3个设计法则
2015-09-21
音乐不是你想卖,想卖他就买:提升用户购买欲的设计探索
2015-09-15
APP设计!6个方法助你设计出优秀的APP
2015-09-07
读懂十大未来设计趋势,别让你的设计白费力气
如何改善产品UX设计,这5条原则也许能帮到你
交互设计的5个常见错误
如何做到一张照片高大上的排版
如何提升网站整体的设计水平
331612409
18600360318