Advertisement
dollcrds

bunnie crd co blur gif

Jun 29th, 2022
606
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.71 KB | None | 0 0
  1. ---first embed---
  2.  
  3. <style>
  4. @font-face {
  5. font-family: best school;
  6. src: url(https://dl.dropbox.com/s/l7ox3d1c9jwxql0/Best-School_.TTF);
  7. }
  8.  
  9. a{
  10. -webkit-transition: all .3s ease-in-out;
  11. -moz-transition: all .3s ease-in-out;
  12. -o-transition: all .3s ease-in-out;
  13. -ms-transition: all .3s ease-in-out;
  14. transition: all .3s ease-in-out;
  15. text-decoration: none;
  16. color: #573832;
  17. font-weight:bold;
  18. font-size:22.3px;
  19. font-family: best school;
  20.  
  21. }
  22.  
  23. a:hover {
  24. webkit-filter: blur(2px); /* Chrome, Safari, Opera */
  25. filter: blur(3px);
  26. text-decoration: none !important;
  27. color: #dfc9b5;
  28.  
  29. -webkit-transition: all .3s ease-in-out;
  30. -moz-transition: all .3s ease-in-out;
  31. -o-transition: all .3s ease-in-out;
  32. -ms-transition: all .3s ease-in-out;
  33. transition: all .3s ease-in-out;
  34.  
  35. }
  36. </style>
  37. </head>
  38.  
  39. ---second embed---
  40.  
  41. <style>
  42. figure.blurfilter{
  43. margin: 2;
  44. padding: 0;
  45. display: inline-block;
  46. position: absolute;
  47. overflow: hidden; /
  48. transform: rotate(7deg);
  49. z-index: 100;
  50. border-radius: 10px;
  51. right: 60%;
  52. bottom: -40px;
  53. opacity: 9;
  54. }
  55.  
  56. .figcaption img {
  57. width: 10px;
  58. }
  59.  
  60. figure.blurfilter img{
  61. display: inline-block;
  62. width: 130px;
  63. height: 130px;
  64. transition: all 0.4s 0.4s;
  65. transform: rotate(7deg);
  66. right: 55%;
  67. bottom: -40px;
  68. }
  69.  
  70. figure.blurfilter figcaption{
  71. position: absolute;
  72. border-radius: 4px;
  73. display: block;
  74. text-align: left;
  75. -webkit-box-sizing: border-box;
  76. -moz-box-sizing: border-box;
  77. box-sizing: border-box;
  78. text-align: center;
  79. overflow: hidden;
  80. background: #FFFFFF82;
  81. padding: 10px;
  82. z-index: 100;
  83. width: 90%;
  84. height: 90%;
  85. top: 5%;
  86. left: 5%;
  87. font-family: Arial;
  88. font-size: 16px;
  89. opacity: 0;
  90. -moz-transition: all 0.4s;
  91. -webkit-transition: all 0.4s;
  92. transition: all .4s;
  93. line-height: 27px;
  94. }
  95.  
  96. figure.blurfilter figcaption h3{
  97. border-bottom: 1px solid red;
  98. text-align: left;
  99. width: 90%;
  100. margin: 0;
  101. }
  102.  
  103. figure.blurfilter figcaption p{
  104. text-align: left;
  105. margin-top: 10px;
  106. line-height: 1.5;
  107. }
  108.  
  109. figure.blurfilter figcaption a{
  110. text-decoration: none;
  111. }
  112.  
  113. figure.blurfilter:hover img{
  114. -webkit-filter: saturate(0%);
  115. filter: saturate(0%);
  116. -webkit-transform: scale(1.3);
  117. transform: scale(1.3);
  118. -moz-transition: all 0.4s;
  119. -webkit-transition: all 0.4s;
  120. transition: all 0.4s;
  121. }
  122.  
  123. figure.blurfilter:hover figcaption{
  124. opacity: 1;
  125. -moz-transition: all .4s .4s;
  126. -webkit-transition: all .4s .4s;
  127. transition: all .4s .4s;
  128. }
  129.  
  130. figcaption {
  131. overflow-y: scroll;
  132. }
  133. </style>
  134. <figure class="blurfilter blurrotate">
  135. <img src="https://cdn.discordapp.com/attachments/965819507794907138/984237338488086548/original_3.GIF" >
  136. <figcaption>
  137. <div id="a"><a href="URL">Title</a>
  138. <br>
  139. <a href="URL">Title</a>
  140. <br>
  141. <a href="URL">Title</a>
  142. <br>
  143. <a href="URL">Title</a>
  144. </figcaption>
  145. </figure>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement