zoukankan      html  css  js  c++  java
  • 利用CSS3给图片添加旋转背景特效

    首先看旋转特效:http://www.w2bc.com/demo/201512/2015-12-09-css3-image-hover-animate/index.html

    这是一款纯CSS3实现的当鼠标滑过图片时文字旋转动画特效,效果图如下:

    实现代码:

    <div class="main">

          <div class="view">
              <img src="images/modeo02.jpg" alt="">
              <div class="hover">
                  <h3>魔力唇彩</h3>
                  <p>嘴唇的诱惑嘴唇的诱唇的诱惑嘴唇的诱惑</p>
              </div>
          </div>
          <div class="view">
              <img src="images/modeo03.jpg" alt="">
              <div class="hover">
                  <h3>魔力唇彩</h3>
                  <p>嘴唇的诱惑嘴唇的诱唇的诱惑嘴唇的诱惑</p>
              </div>
          </div>
          <div class="view">
              <img src="images/modeo04.jpg" alt="">
              <div class="hover">
                  <h3>魔力唇彩</h3>
                  <p>嘴唇的诱惑嘴唇的诱唇的诱惑嘴唇的诱惑</p>
              </div>
          </div>
          <div class="view">
              <img src="images/modeo05.jpg" alt="">
              <div class="hover">
                  <h3>魔力唇彩</h3>
                  <p>嘴唇的诱惑嘴唇的诱唇的诱惑嘴唇的诱惑</p>
              </div>
          </div>
          <div class="view">
              <img src="images/modeo06.jpg" alt="">
              <div class="hover">
                  <h3>魔力唇彩</h3>
                  <p>嘴唇的诱惑嘴唇的诱唇的诱惑嘴唇的诱惑</p>
              </div>
          </div>
          <div class="view">
              <img src="images/modeo07.jpg" alt="">
              <div class="hover">
                  <h3>魔力唇彩</h3>
                  <p>嘴唇的诱惑嘴唇的诱唇的诱惑嘴唇的诱惑</p>
              </div>
          </div>
      </div>
  • 相关阅读:
    (转)MVC 与三层架构
    (转)CentOS一键安装Nginx脚本
    (转)Python异常类的继承关系
    CMFCPropertyGridProperty用法
    C语言终极面试及答案分析
    C/C++函数指针(typedef简化定义)
    UNIX 家族及Linux
    Socket的综合应用总结
    Socket模型(二):完成端口(IOCP)
    socket通信中select函数的使用和解释
  • 原文地址:https://www.cnblogs.com/luoyeguichen/p/5032104.html
Copyright © 2011-2022 走看看