css3的功能真是很强大,学无止境,不多说,直接上代码
css部分:
*{margin:; padding:;}
.text-center{text-align:center}
.col_cont{width:300px;height:300px;margin:auto}
.thumbnail{cursor:pointer;text-decoration:none;display:block;padding:4px;height:200px;font-weight:bold;">#fff;border:1px solid #ddd; }
.thumbnail img, .thumbnail h3{transition:all .5s;-webkit-transition:all .5s;-ms-transition:all .5s;}
.thumbnail img{width:35%;margin-top:30px}
.thumbnail h3{color:silver}
.thumbnail:hover img{-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px);-ms-transform:translateY(-20px);
-o-transform:translateY(-20px);transform:translateY(-20px)}
.thumbnail:hover h3{color:#2c3e50}
html部分:
产品介绍产品介绍
css3鼠标悬停图片抖动效果
提供一个参考的链接 //pic0113/
CSS3鼠标悬停图片上浮显示描述代码
效果:/texiao/css3/20/ 效果图: 代码如下:
jQuery实现鼠标经过图片变亮效果
在线体验效果:/texiao/jquery/1.htm 以下是完整源代码: /p>
15款css3鼠标悬停图片动画过渡特效
分享15款css3鼠标悬停图片动画过渡特效.这是一款15款不同效果的css3 hover动画过渡效果代码.效果图如下: 在线预览源码下载 实现的代码. html代码:
css3鼠标悬停图片渐显飞入效果
body程序:
fildder
来自 墨痕 :/u/ink-marks/ FIDDLER的使用方法及技巧总结 一.FIDDLER快速入门及使用场景 Fiddler的官方网站:htt ...
实验一:c++简单程序设计(1)
实验结论 编程练习2-28 switch版源码: #include using namespace std; int main(void) { cout
如果觉得《css鼠标移上去向上移动 css3鼠标移动图片上移效果》对你有帮助,请点赞、收藏,并留下你的观点哦!