纯css3鼠标滑过文字翻转动画效果

工程师 (已认证)

发表于JS/jQuery代码

效果描述：

一个纯css3的鼠标动画效果

当鼠标悬停在图片列表中的其中一个图片上的时候

左侧说明文字以翻转的方式显示出来，鼠标移走后再反方向折叠隐藏

效果看起来十分舒服

使用方法：

1、将head中的样式复制到你的样式表中

2、将body中的代码部分拷贝过去即可

(css3特效，不支持低版本浏览器)

下载方法：

1、请用微信扫描下方二维码关注时代Java公众号，或者微信搜索时代Java或NowJava关注。
（如已经关注，请直接发送编号）

2、在时代Java公众号里发送编号：5121

5121

3、发送后，将立刻收到 “验证码已经接收成功” 的回复，即可选择线路下载：

通用网络下载移动网络下载电信网络下载

本文系作者在时代Java发表，未经许可，不得转载。

如有侵权，请联系nowjava@qq.com删除。

编辑于 2020-03-14 12:49:392020-03-14 12:49:39

下载订阅

在这篇文章中：