Advertisement
Guest User

Untitled

a guest
Dec 14th, 2018
57
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.08 KB | None | 0 0
  1.  
  2. .child {
  3. transform-origin: 50% -30% 0;
  4. width: 172px;
  5.  
  6.  
  7. }
  8.  
  9. .roulette_choose {
  10. margin: 0 auto;
  11. width: 7px;
  12. height: 327px;
  13. /* background-image: url(/static/fortune/images/choose.png?6393ac6548b5); */
  14. position: absolute;
  15. bottom: 0;
  16. left: 0;
  17. right: 0;
  18. pointer-events: none;
  19. }
  20.  
  21.  
  22.  
  23.  
  24. .child:nth-child(1):nth-last-child(18) {
  25. position: absolute;
  26. top: 0%;
  27. left: 0%;
  28. transform: translate(-5%,-100%) rotate(-180deg);
  29. }
  30. .child:nth-child(2):nth-last-child(17) {
  31. position: absolute;
  32. top: 0%;
  33. left: 12%;
  34. transform: translate(-5%,-100%) rotate(-180deg);
  35. }
  36. .child:nth-child(3):nth-last-child(16) {
  37. position: absolute;
  38. top: 0%;
  39. left: 24%;
  40. transform: translate(-5%,-100%) rotate(-180deg);
  41. }
  42. .child:nth-child(4):nth-last-child(15) {
  43. position: absolute;
  44. top: 0%;
  45. left: 36%;
  46. transform: translate(-5%,-100%) rotate(-180deg);
  47. }
  48. .child:nth-child(5):nth-last-child(14) {
  49. position: absolute;
  50. top: 0%;
  51. left: 48%;
  52. transform: translate(-5%,-100%) rotate(-180deg);
  53. }
  54. .child:nth-child(6):nth-last-child(13) {
  55. position: absolute;
  56. top: 0%;
  57. left: 60%;
  58. transform: translate(-5%,-100%) rotate(-180deg);
  59. }
  60.  
  61.  
  62.  
  63.  
  64.  
  65.  
  66. .child:nth-child(7):nth-last-child(12) {
  67. position: absolute;
  68. top: 12%;
  69. left: 0%;
  70. transform: translate(-5%,-100%) rotate(-180deg);
  71. }
  72. .child:nth-child(8):nth-last-child(11) {
  73. position: absolute;
  74. top: 12%;
  75. left: 12%;
  76. transform: translate(-5%,-100%) rotate(-180deg);
  77. }
  78. .child:nth-child(9):nth-last-child(10) {
  79. position: absolute;
  80. top: 12%;
  81. left: 24%;
  82. transform: translate(-5%,-100%) rotate(-180deg);
  83. }
  84. .child:nth-child(10):nth-last-child(9) {
  85. position: absolute;
  86. top: 12%;
  87. left: 36%;
  88. transform: translate(-5%,-100%) rotate(-180deg);
  89. }
  90. .child:nth-child(11):nth-last-child(8) {
  91. position: absolute;
  92. top: 12%;
  93. left: 48%;
  94. transform: translate(-5%,-100%) rotate(-180deg);
  95. }
  96. .child:nth-child(12):nth-last-child(7) {
  97. position: absolute;
  98. top: 12%;
  99. left: 60%;
  100. transform: translate(-5%,-100%) rotate(-180deg);
  101. }
  102.  
  103.  
  104.  
  105. .child:nth-child(13):nth-last-child(6) {
  106. position: absolute;
  107. top: 24%;
  108. left: 0%;
  109. transform: translate(-5%,-100%) rotate(-180deg);
  110. }
  111. .child:nth-child(14):nth-last-child(5) {
  112. position: absolute;
  113. top: 24%;
  114. left: 12%;
  115. transform: translate(-5%,-100%) rotate(-180deg);
  116. }
  117. .child:nth-child(15):nth-last-child(4) {
  118. position: absolute;
  119. top: 24%;
  120. left: 24%;
  121. transform: translate(-5%,-100%) rotate(-180deg);
  122. }
  123. .child:nth-child(16):nth-last-child(3) {
  124. position: absolute;
  125. top: 24%;
  126. left: 36%;
  127. transform: translate(-5%,-100%) rotate(-180deg);
  128. }
  129. .child:nth-child(17):nth-last-child(2) {
  130. position: absolute;
  131. top: 24%;
  132. left: 48%;
  133. transform: translate(-5%,-100%) rotate(-180deg);
  134. }
  135. .child:nth-child(18):nth-last-child(1) {
  136. position: absolute;
  137. top: 24%;
  138. left: 60%;
  139. transform: translate(-5%,-100%) rotate(-180deg);
  140. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement