Advertisement
Maliklmore

Scarves

Aug 4th, 2013
69
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.44 KB | None | 0 0
  1. Put this code above </style>
  2.  
  3. scarves{
  4. position:fixed;
  5. left:50%;
  6. right:50%;
  7. margin-left:430px;
  8. margin-top:0px;
  9. }
  10.  
  11. scarf1{
  12. width:25px;
  13. height:150px;
  14. position:fixed;
  15. margin-top:-100px;
  16. transition: all 1s, transform 1s;
  17. -moz-transition: all 1s, -moz-transform 1s;
  18. -webkit-transition: all 1s, -webkit-transform 1s;
  19. -o-transition: all 1s, -o-transform 1s;
  20. opacity:0.4;
  21. }
  22.  
  23. scarf1:hover{
  24. margin-top:-65px;
  25. transition: all 1s, transform 1s;
  26. -moz-transition: all 1s, -moz-transform 1s;
  27. -webkit-transition: all 1s, -webkit-transform 1s;
  28. -o-transition: all 1s, -o-transform 1s;
  29. opacity:1;
  30. }
  31.  
  32. scarf2{
  33. width:25px;
  34. height:150px;
  35. position:fixed;
  36. margin-left:35px;
  37. margin-top:-120px;
  38. transition: all 1s, transform 1s;
  39. -moz-transition: all 1s, -moz-transform 1s;
  40. -webkit-transition: all 1s, -webkit-transform 1s;
  41. -o-transition: all 1s, -o-transform 1s;
  42. opacity:0.4;
  43. }
  44.  
  45. scarf2:hover{
  46. margin-top:-65px;
  47. transition: all 1s, transform 1s;
  48. -moz-transition: all 1s, -moz-transform 1s;
  49. -webkit-transition: all 1s, -webkit-transform 1s;
  50. -o-transition: all 1s, -o-transform 1s;
  51. opacity:1;
  52. }
  53.  
  54. scarf3{
  55. width:25px;
  56. height:150px;
  57. position:fixed;
  58. margin-left:70px;
  59. margin-top:-80px;
  60. transition: all 1s, transform 1s;
  61. -moz-transition: all 1s, -moz-transform 1s;
  62. -webkit-transition: all 1s, -webkit-transform 1s;
  63. -o-transition: all 1s, -o-transform 1s;
  64. opacity:0.4;
  65. }
  66.  
  67. scarf3:hover{
  68. margin-top:-65px;
  69. transition: all 1s, transform 1s;
  70. -moz-transition: all 1s, -moz-transform 1s;
  71. -webkit-transition: all 1s, -webkit-transform 1s;
  72. -o-transition: all 1s, -o-transform 1s;
  73. opacity:1;
  74. }
  75.  
  76. scarf4{
  77. width:25px;
  78. height:150px;
  79. position:fixed;
  80. margin-left:105px;
  81. margin-top:-120px;
  82. transition: all 1s, transform 1s;
  83. -moz-transition: all 1s, -moz-transform 1s;
  84. -webkit-transition: all 1s, -webkit-transform 1s;
  85. -o-transition: all 1s, -o-transform 1s;
  86. opacity:0.4;
  87. }
  88.  
  89. scarf4:hover{
  90. margin-top:-65px;
  91. transition: all 1s, transform 1s;
  92. -moz-transition: all 1s, -moz-transform 1s;
  93. -webkit-transition: all 1s, -webkit-transform 1s;
  94. -o-transition: all 1s, -o-transform 1s;
  95. opacity:1;
  96. }
  97.  
  98.  
  99.  
  100.  
  101.  
  102. Put this code below body
  103.  
  104. <scarves>
  105.  
  106. <scarf1><a href="TAG LINK HERE"><img src="SCARF IMAGE HERE"></a></scarf1>
  107. <scarf2><a href="TAG LINK HERE"><img src="SCARF IMAGE HERE"></a></scarf2>
  108. <scarf3><a href="TAG LINK HERE"><img src="SCARF IMAGE HERE"></a></scarf3>
  109. <scarf4><a href="TAG LINK HERE"><img src="SCARF IMAGE HERE"></a></scarf4>
  110.  
  111. </scarves>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement