Advertisement
Guest User

Untitled

a guest
Jul 25th, 2014
199
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.31 KB | None | 0 0
  1. div {
  2. border:1px solid;
  3. background-color:#fff;
  4. display:inline-block;
  5. width:100%;
  6. height:100px;
  7. -webkit-transition: 0.5s;
  8. -moz-transition: 0.5s;
  9. -o-transition: 0.5s;
  10. transition: 0.5s;
  11. }
  12.  
  13. div.homepage {
  14. background-color:#777;
  15. }
  16.  
  17. div:hover, div.homepage:hover {
  18. background-color:#f00;
  19. }
  20.  
  21. $('div').addClass("homepage");
  22.  
  23. div {
  24. border:1px solid;
  25. background-color:#777;
  26. display:inline-block;
  27. width:100%;
  28. height:100px;
  29. -webkit-transition: 0.5s;
  30. -moz-transition: 0.5s;
  31. -o-transition: 0.5s;
  32. transition: 0.5s;
  33. }
  34.  
  35. <div class="homepage"></div>
  36.  
  37. div {
  38. border:1px solid;
  39. background-color:#fff;
  40. display:inline-block;
  41. width:100%;
  42. height:100px;
  43. }
  44.  
  45. div.homepage {
  46. background-color:#777;
  47. }
  48.  
  49. div:hover, div.homepage:hover {
  50. background-color:#f00;
  51. }
  52.  
  53. var transProperty=$('<style>div { -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; }</style>');
  54. $('head').append(transProperty);
  55.  
  56. <body class="preload">
  57.  
  58. .preload * {
  59. -webkit-transition: none !important;
  60. -moz-transition: none !important;
  61. -ms-transition: none !important;
  62. -o-transition: none !important;
  63. }
  64.  
  65. $("window").load(function() {
  66. $("body").removeClass("preload");
  67. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement