Dallas1998

Dreamy CSS 3 bg option

May 8th, 2020
75
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.48 KB | None | 0 0
  1. background-color: #111111} #glu{position: absolute} #glu{top: 0} #glu{left: 0} #glu{z-index: 99} #glu{height: 110vh} [name="chat"]{background-image:url(https://i.imgur.com/JjmjYzz.gif)} embed,img,a,table:first-child{z-index: 999} *{position: relative} .btext{display:none} [height="32"]{margin-bottom: 7px} [height="32"]{padding: 2px} [height="32"]{background: #000000} [height="32"]{border-radius: 5px} table{background: transparent} .vbmenu_control,h2,strong,[height="10"]{display: none} table:first-child{background-color: rgba(1, 1, 1, 0.7);
  2.  
  3.  
  4. ============================================================
  5.  
  6.  
  7. <style>
  8. /* Credits: xLaming */
  9. body {
  10. background-image: url(https://i.imgur.com/vSpEE8W.gif); /* Default background */
  11. background-repeat: no-repeat;
  12. background-size: cover;
  13. }
  14. #outer1:target {
  15. background-image: url(https://i.imgur.com/vSpEE8W.gif); /* Background 1 */
  16. }
  17. #outer2:target {
  18. background-image: url(https://i.imgur.com/LBYy7Hj.gif); /* Background 2 */
  19. }
  20. #outer3:target {
  21. background-image: url(https://i.imgur.com/z7ZxuED.gif); /* Background 3 */
  22. }
  23.  
  24. .btn1 {
  25. background-image: url(https://i.imgur.com/vSpEE8W.gif); /* Button 1 */
  26. }
  27. .btn2 {
  28. background-image: url(https://i.imgur.com/LBYy7Hj.gif); /* Button 2 */
  29. }
  30. .btn3 {
  31. background-image: url(https://i.imgur.com/z7ZxuED.gif); /* Button 3 */
  32. }
  33.  
  34. #outer1,
  35. #outer2,
  36. #outer3 {
  37. position: absolute;
  38. background-position: center;
  39. background-repeat: no-repeat;
  40. background-size: cover;
  41. width: 100vw;
  42. height: 100vh;
  43. left: 0;
  44. top: 0%;
  45. }
  46.  
  47. .buttons {
  48. position: fixed;
  49. right: 5px;
  50. top: 100px;
  51. }
  52.  
  53. .btn {
  54. background-position: center;
  55. background-size: cover;
  56. width: 40px;
  57. height: 40px;
  58. border-radius: 10px;
  59. margin-top: 5px;
  60. display: block;
  61. border: 1px solid rgba(255, 255, 255, 0.3);
  62. }
  63.  
  64. .fakechat {
  65. position: absolute;
  66. left: 50.8%;
  67. top: 50%;
  68. margin-top: 71px;
  69. transform: translate(-50%, -50%);
  70. width: 52vw;
  71. height: 100vh;
  72. padding: 20px;
  73. text-align: center;
  74. background-color: rgba(0, 0, 0, 0.5);
  75. }
  76. </style>
  77.  
  78. <div id="outer1"></div>
  79. <div id="outer2"></div>
  80. <div id="outer3"></div>
  81.  
  82. <div class="fakechat"></div>
  83.  
  84. <div class="buttons">
  85. <a href="https://xatblog.net/fixbg?b=outer1" class="btn btn1"></a>
  86. <a href="https://xatblog.net/fixbg?b=outer2" class="btn btn2"></a>
  87. <a href="https://xatblog.net/fixbg?b=outer3" class="btn btn3"></a>
  88. </div>
Add Comment
Please, Sign In to add comment