css鼠标移上去向上移动,css3鼠标移动图片上移效果

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鼠标悬停图片抖动效果

提供一个参考的链接 http://demo.lanrenzhijia.com/2015/pic0113/

CSS3鼠标悬停图片上浮显示描述代码

效果:http://hovertree.com/texiao/css3/20/ 效果图: 代码如下:

jQuery实现鼠标经过图片变亮效果

在线体验效果:http://hovertree.com/texiao/jquery/1.htm 以下是完整源代码: /p>

15款css3鼠标悬停图片动画过渡特效

分享15款css3鼠标悬停图片动画过渡特效.这是一款15款不同效果的css3 hover动画过渡效果代码.效果图如下: 在线预览   源码下载 实现的代码. html代码:

css3鼠标悬停图片渐显飞入效果

body程序:

fildder

来自 墨痕 :https://home.cnblogs.com/u/ink-marks/ FIDDLER的使用方法及技巧总结   一.FIDDLER快速入门及使用场景 Fiddler的官方网站:htt ...

实验一：c++简单程序设计(1)

实验结论 编程练习2-28 switch版源码: #include using namespace std; int main(void) { cout