星空网 > 软件开发 > 网页设计

基于CSS3给图片添加旋转背景特效

分享一款CSS3给图片添加旋转背景特效。这是一款纯CSS3实现的当鼠标滑过图片时文字旋转动画特效。效果图如下:

基于CSS3给图片添加旋转背景特效

在线预览    源码下载

实现的代码。

html代码:

<div class="main">   <div class="view">     <img src='/images/loading.gif' data-original="images/modeo02.jpg" >     <div class="hover">       <h3>魔力唇彩</h3>       <p>嘴唇的诱惑嘴唇的诱唇的诱惑嘴唇的诱惑</p>     </div>   </div>   <div class="view">     <img src='/images/loading.gif' data-original="images/modeo03.jpg" >     <div class="hover">       <h3>魔力唇彩</h3>       <p>嘴唇的诱惑嘴唇的诱唇的诱惑嘴唇的诱惑</p>     </div>   </div>   <div class="view">     <img src='/images/loading.gif' data-original="images/modeo04.jpg" >     <div class="hover">       <h3>魔力唇彩</h3>       <p>嘴唇的诱惑嘴唇的诱唇的诱惑嘴唇的诱惑</p>     </div>   </div>   <div class="view">     <img src='/images/loading.gif' data-original="images/modeo05.jpg" >     <div class="hover">       <h3>魔力唇彩</h3>       <p>嘴唇的诱惑嘴唇的诱唇的诱惑嘴唇的诱惑</p>     </div>   </div>   <div class="view">     <img src='/images/loading.gif' data-original="images/modeo06.jpg" >     <div class="hover">       <h3>魔力唇彩</h3>       <p>嘴唇的诱惑嘴唇的诱唇的诱惑嘴唇的诱惑</p>     </div>   </div>   <div class="view">     <img src='/images/loading.gif' data-original="images/modeo07.jpg" >     <div class="hover">       <h3>魔力唇彩</h3>       <p>嘴唇的诱惑嘴唇的诱唇的诱惑嘴唇的诱惑</p>     </div>   </div> </div>

via:http://www.w2bc.com/article/85698




原标题:基于CSS3给图片添加旋转背景特效

关键词:CSS

CSS
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

限硫令:https://www.goluckyvip.com/tag/13839.html
卖家无淡季:https://www.goluckyvip.com/tag/1384.html
小窍门:https://www.goluckyvip.com/tag/13840.html
涉嫌诈骗罪:https://www.goluckyvip.com/tag/13841.html
权健药品骗局:https://www.goluckyvip.com/tag/13842.html
智能手表:https://www.goluckyvip.com/tag/13844.html
37号文今后是否会更新?一文详解关键信息 :https://www.kjdsnews.com/a/1836441.html
探讨内地人开设香港账户的可行性 :https://www.kjdsnews.com/a/1836442.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流