[关闭]
@mdjsjdq 2015-10-11T11:42:40.000000Z 字数 601 阅读 1640

Hover_Transition_01

HTML 编程


利用CSS设计的浏览器动画

  1. <html>
  2. <head>
  3. <title>hover_transition</title>
  4. <meta charset="utf-8">
  5. <style type="text/css">
  6. .go{
  7. margin: 20px;
  8. border: solid;
  9. border-color: goldenrod;
  10. width: 1000px;
  11. height: 667px;
  12. position: relative;
  13. overflow: hidden;
  14. background: url("http://img.taopic.com/uploads/allimg/130501/240451-13050106450911.jpg") no-repeat 0px 0px;
  15. }
  16. .go:hover {
  17. background-position: 500px 0px;
  18. -webkit-transition: all 0.5s ease-in-out 0s;
  19. -o-transition: all 0.5s ease-in-out 0s;
  20. transition: all 0.5s ease-in-out 0s;
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <div class="go">
  26. <a style="width:100%;height:100%;display:block" href="#"></a>
  27. <div>
  28. </body>
  29. </html>

eye_2.jpg-171.9kB

eye.jpg-60kB

添加新批注
在作者公开此批注前,只有你和作者可见。
回复批注