Advertisement
Guest User

Untitled

a guest
Mar 19th, 2014
275
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.48 KB | None | 0 0
  1. <html>
  2. <head>
  3. <title>
  4. </title>
  5. <style>
  6.  
  7. div {
  8. display: block;
  9. width: 400px;
  10. height: 200px;
  11. position: relative;border: solid 1px ;overflow: hidden;
  12. }
  13.  
  14. img {
  15. max-width: 400px;
  16. height: auto;
  17. position: absolute;
  18. top: 0px;left: 0px;
  19. display: block;
  20. bottom: auto;
  21. transition: all 1s;
  22. -moz-transition: all 1s;
  23. }
  24.  
  25. div:hover img {bottom: 0px;top: auto}
  26. </style>
  27. </head>
  28. <body>
  29.  
  30.  
  31. <div style="display: block;">
  32. <img src="n.jpg">
  33. </div>
  34.  
  35.  
  36. </body>
  37. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement