Advertisement
Guest User

Bruh. I luh ya

a guest
Feb 27th, 2017
70
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.30 KB | None | 0 0
  1. <br>
  2.  
  3.  
  4.  
  5. <style>
  6. #cf {
  7. position:relative;
  8. height:240px;
  9. width:260px;
  10. margin:0 auto;
  11. left: -500px;
  12. border:2px solid #9F000F;
  13. }
  14.  
  15. #cf img {
  16. position:absolute;
  17. left:0;
  18. -webkit-transition: opacity 1s ease-in-out;
  19. -moz-transition: opacity 1s ease-in-out;
  20. -o-transition: opacity 1s ease-in-out;
  21. transition: opacity 1s ease-in-out;
  22. }
  23.  
  24. #cf img.top:hover {
  25. opacity:0;
  26. }
  27.  
  28.  
  29.  
  30. </style>
  31. <div id="cf">
  32. <center>
  33. <img class="bottom" width="260px" height="240px" style="padding-bottom: 5px" src="https://s-media-cache-ak0.pinimg.com/564x/03/d0/57/03d0570b3f2345d1cd157faa4efb4216.jpg" />
  34. <img class="top" width="260px" height="240px" style="padding-bottom: 5px" src="https://pbs.twimg.com/media/CepTc96WIAEojYz.jpg" />
  35. </div>
  36. <br>
  37.  
  38.  
  39. </div></div>
  40.  
  41. <br>
  42.  
  43.  
  44.  
  45. <style>
  46. #cf {
  47. position:relative;
  48. height:260px;
  49. width:280px;
  50. margin:0 auto;
  51. left: -500px;
  52. border:2px solid #9F000F;
  53. }
  54.  
  55. #cf img {
  56. position:absolute;
  57. left:0;
  58. -webkit-transition: opacity 1s ease-in-out;
  59. -moz-transition: opacity 1s ease-in-out;
  60. -o-transition: opacity 1s ease-in-out;
  61. transition: opacity 1s ease-in-out;
  62. }
  63.  
  64. #cf img.top:hover {
  65. opacity:0;
  66. }
  67.  
  68.  
  69.  
  70. </style>
  71. <div id="cf">
  72. <center>
  73. <img class="bottom" width="260px" height="240px" style="padding-bottom: 5px" src="https://s-media-cache-ak0.pinimg.com/564x/2d/65/70/2d6570cbebd023ae895fb6709456e5aa.jpg" />
  74. <img class="top" width="260px" height="240px" style="padding-bottom: 5px" src="https://pbs.twimg.com/media/CcFhRQCWIAI9rci.jpg" />
  75. </div>
  76. <br>
  77. </div></div>
  78.  
  79. <br>
  80.  
  81.  
  82.  
  83. <style>
  84. #cf {
  85. position:relative;
  86. height:240px;
  87. width:260px;
  88. margin:-20 auto;
  89. left: -500px;
  90. border:2px solid #9F000F;
  91. }
  92.  
  93. #cf img {
  94. position:absolute;
  95. left:0;
  96. -webkit-transition: opacity 1s ease-in-out;
  97. -moz-transition: opacity 1s ease-in-out;
  98. -o-transition: opacity 1s ease-in-out;
  99. transition: opacity 1s ease-in-out;
  100. }
  101.  
  102. #cf img.top:hover {
  103. opacity:0;
  104. }
  105.  
  106.  
  107.  
  108. </style>
  109. <div id="cf">
  110. <center>
  111. <img class="bottom" width="260px" height="240px" style="padding-bottom: 5px" src="https://s-media-cache-ak0.pinimg.com/564x/03/3f/9d/033f9d59218c3f109959b157214e04d8.jpg" />
  112. <img class="top" width="260px" height="240px" style="padding-bottom: 5px" src="https://s-media-cache-ak0.pinimg.com/564x/d6/f6/b7/d6f6b7fd312b2b96960041aaa9f51c63.jpg" />
  113. </div>
  114. <br>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement