Advertisement
ryeou

chiyo player #1

Dec 22nd, 2012
10,388
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.49 KB | None | 0 0
  1. #box {
  2. top: 5px; /* use to position the box */
  3. left: 5px; /* use to position the box */
  4. overflow: hidden;
  5. position: fixed;
  6. width: 35px; /* use to change the size of the box */
  7. height: 35px; /* use to change the size of the box */
  8. border-radius: 90px;
  9. border: 1px solid #ccc;
  10. background-color: #fff;
  11. }
  12.  
  13. #box img {
  14. margin-top: 10px;
  15. margin-left: -10px;
  16. position: fixed;
  17. -webkit-transition: all 0.7s ease-in-out;
  18. -moz-transition: all 0.7s ease-in-out;
  19. -o-transition: all 0.7s ease-in-out;
  20. -ms-transition: all 0.7s ease-in-out;
  21. transition: all 0.7s ease-in-out;
  22. }
  23.  
  24. #box:hover img {
  25. opacity: 0;
  26. margin-top: 30px;
  27. -webkit-transition: all 0.7s ease-in-out;
  28. -moz-transition: all 0.7s ease-in-out;
  29. -o-transition: all 0.7s ease-in-out;
  30. -ms-transition: all 0.7s ease-in-out;
  31. transition: all 0.7s ease-in-out;
  32. }
  33.  
  34. #player {
  35. margin-top: 12px;
  36. margin-left: 11px;
  37. overflow: hidden;
  38. opacity: 0;
  39. width: 14px;
  40. -webkit-transition: all 0.7s ease-in-out;
  41. -moz-transition: all 0.7s ease-in-out;
  42. -o-transition: all 0.7s ease-in-out;
  43. -ms-transition: all 0.7s ease-in-out;
  44. transition: all 0.7s ease-in-out;
  45. }
  46.  
  47. #box:hover #player {
  48. opacity: 0.5;
  49. -webkit-transition: all 0.7s ease-in-out;
  50. -moz-transition: all 0.7s ease-in-out;
  51. -o-transition: all 0.7s ease-in-out;
  52. -ms-transition: all 0.7s ease-in-out;
  53. transition: all 0.7s ease-in-out;
  54. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement