Advertisement
owlette

hovers;

Apr 17th, 2014
57
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.62 KB | None | 0 0
  1. <style>
  2. #main {
  3. z-index: 1;
  4. left: 34%;
  5. top:200px;
  6. width:500px;
  7. height: 500px;
  8. color: #4C787E;
  9. font-size: 13px;
  10. padding: 0px;
  11. line-height: 11px;
  12. text-align: left;
  13. padding: 10px;
  14. font-family: times new roman;
  15. position: absolute;
  16. background-color: none;
  17. border-radius:10px;
  18. border-top: #000000 0px solid;
  19. border-left: #000000 0px solid;
  20. border-right: #000000 0px solid;
  21. border-bottom: #000000 0px solid;
  22. overflow: hidden;
  23. -webkit-transition: all 0.5s ease-out;
  24. -moz-transition: all 0.5s ease-out;
  25. -webkit-transition: all 0.5s ease-in;
  26. -moz-transition: all 0.5s ease-in;
  27. opacity:0;
  28. }
  29.  
  30. #main:hover {
  31. opacity:0.9;
  32. z-index: 1;
  33. left:34%;
  34. top:300px;
  35. width:500px;
  36. height: 500px;
  37. color: white;
  38. padding: 0px;
  39. font-size: 13px;
  40. line-height: 11px;
  41. text-align: left;
  42. font-family: times new roman;
  43. background-color: black;
  44. padding: 10px;
  45. position: absolute;
  46. border-radius:10px;
  47. border-top: #A2A2A2 0px solid;
  48. border-left: #A2A2A2 0px solid;
  49. border-right: #A2A2A2 0px solid;
  50. border-bottom: #A2A2A2 0px solid;
  51. overflow: auto;
  52. -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  53. -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  54. box-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
  55. -webkit-transition: all 0.4s ease-out;
  56. -moz-transition: all 0.4s ease-out;
  57. -webkit-transition: all 0.4s ease-in;
  58. -moz-transition: all 0.4s ease-in;
  59. }
  60. </style>
  61.  
  62. <div id="main">
  63. wooooooooooooooords
  64. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement