Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .child {
- transform-origin: 50% -30% 0;
- width: 172px;
- }
- .roulette_choose {
- margin: 0 auto;
- width: 7px;
- height: 327px;
- /* background-image: url(/static/fortune/images/choose.png?6393ac6548b5); */
- position: absolute;
- bottom: 0;
- left: 0;
- right: 0;
- pointer-events: none;
- }
- .child:nth-child(1):nth-last-child(18) {
- position: absolute;
- top: 0%;
- left: 0%;
- transform: translate(-5%,-100%) rotate(-180deg);
- }
- .child:nth-child(2):nth-last-child(17) {
- position: absolute;
- top: 0%;
- left: 12%;
- transform: translate(-5%,-100%) rotate(-180deg);
- }
- .child:nth-child(3):nth-last-child(16) {
- position: absolute;
- top: 0%;
- left: 24%;
- transform: translate(-5%,-100%) rotate(-180deg);
- }
- .child:nth-child(4):nth-last-child(15) {
- position: absolute;
- top: 0%;
- left: 36%;
- transform: translate(-5%,-100%) rotate(-180deg);
- }
- .child:nth-child(5):nth-last-child(14) {
- position: absolute;
- top: 0%;
- left: 48%;
- transform: translate(-5%,-100%) rotate(-180deg);
- }
- .child:nth-child(6):nth-last-child(13) {
- position: absolute;
- top: 0%;
- left: 60%;
- transform: translate(-5%,-100%) rotate(-180deg);
- }
- .child:nth-child(7):nth-last-child(12) {
- position: absolute;
- top: 12%;
- left: 0%;
- transform: translate(-5%,-100%) rotate(-180deg);
- }
- .child:nth-child(8):nth-last-child(11) {
- position: absolute;
- top: 12%;
- left: 12%;
- transform: translate(-5%,-100%) rotate(-180deg);
- }
- .child:nth-child(9):nth-last-child(10) {
- position: absolute;
- top: 12%;
- left: 24%;
- transform: translate(-5%,-100%) rotate(-180deg);
- }
- .child:nth-child(10):nth-last-child(9) {
- position: absolute;
- top: 12%;
- left: 36%;
- transform: translate(-5%,-100%) rotate(-180deg);
- }
- .child:nth-child(11):nth-last-child(8) {
- position: absolute;
- top: 12%;
- left: 48%;
- transform: translate(-5%,-100%) rotate(-180deg);
- }
- .child:nth-child(12):nth-last-child(7) {
- position: absolute;
- top: 12%;
- left: 60%;
- transform: translate(-5%,-100%) rotate(-180deg);
- }
- .child:nth-child(13):nth-last-child(6) {
- position: absolute;
- top: 24%;
- left: 0%;
- transform: translate(-5%,-100%) rotate(-180deg);
- }
- .child:nth-child(14):nth-last-child(5) {
- position: absolute;
- top: 24%;
- left: 12%;
- transform: translate(-5%,-100%) rotate(-180deg);
- }
- .child:nth-child(15):nth-last-child(4) {
- position: absolute;
- top: 24%;
- left: 24%;
- transform: translate(-5%,-100%) rotate(-180deg);
- }
- .child:nth-child(16):nth-last-child(3) {
- position: absolute;
- top: 24%;
- left: 36%;
- transform: translate(-5%,-100%) rotate(-180deg);
- }
- .child:nth-child(17):nth-last-child(2) {
- position: absolute;
- top: 24%;
- left: 48%;
- transform: translate(-5%,-100%) rotate(-180deg);
- }
- .child:nth-child(18):nth-last-child(1) {
- position: absolute;
- top: 24%;
- left: 60%;
- transform: translate(-5%,-100%) rotate(-180deg);
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement