Ignore:
Timestamp:
06/25/22 11:30:19 (2 years ago)
Author:
anastasovv <simon@…>
Branches:
main
Children:
b13f93b
Parents:
9bd09b0
Message:

Finished Roulette

File:
1 edited

Legend:

Unmodified
Added
Removed
  • styles/globals.scss

    r9bd09b0 race7865  
    99
    1010  font-family: 'Inter', sans-serif;
     11
     12  overflow: hidden;
    1113}
    1214
     
    135137  */
    136138.alert {
     139  z-index: 30;
     140
    137141  width: 100vw;
    138142 
     
    147151
    148152  position: absolute;
    149   top: 50vh;
    150153
    151154  transform: translateY(-70%);
     
    782785  left: 18%;
    783786
    784   transform: translate(-50%, -50%);
     787  transition: all .5s ease-in-out;
    785788 
    786789  width: 450px;
     
    829832
    830833  transform: translate(-50%, -50%);
    831  
    832   font-size: 2.5rem;
    833 
    834   color: black;
    835 }
    836 
    837 .rouletteBetModal {
    838   z-index: 20;
    839 
     834
     835  display: flex;
    840836  flex-direction: column;
    841837  justify-content: center;
    842838  align-items: center;
     839  gap: 5px;
     840 
     841  font-size: 2.5rem;
     842
     843  color: black;
     844}
     845
     846.rouletteBetModal {
     847  z-index: 20;
     848
     849  flex-direction: column;
     850  justify-content: center;
     851  align-items: center;
    843852
    844853  position: fixed;
     
    867876
    868877/**
     878  * Spin effect on the roulette wheel
     879  */
     880.spin {
     881  animation: spinner 4s infinite;
     882  animation-timing-function: ease-in-out;
     883}
     884
     885@keyframes spinner {
     886  0% {
     887    transform: translate(-50%, -50%) rotateZ(0deg);
     888  }
     889  10% {
     890    transform: translate(-50%, -50%) rotateZ(calc(20 * 360deg));
     891  }
     892  20% {
     893    transform: translate(-50%, -50%) rotateZ(calc(38 * 360deg));
     894  }
     895  30% {
     896    transform: translate(-50%, -50%) rotateZ(calc(54 * 360deg));
     897  }
     898  40% {
     899    transform: translate(-50%, -50%) rotateZ(calc(78 * 360deg));
     900  }
     901  50% {
     902    transform: translate(-50%, -50%) rotateZ(calc(90 * 360deg));
     903  }
     904  60% {
     905    transform: translate(-50%, -50%) rotateZ(calc(100 * 360deg));
     906  }
     907  70% {
     908    transform: translate(-50%, -50%) rotateZ(calc(108 * 360deg));
     909  }
     910  80% {
     911    transform: translate(-50%, -50%) rotateZ(calc(116 * 360deg));
     912  }
     913  90% {
     914    transform: translate(-50%, -50%) rotateZ(calc(120 * 360deg));
     915  }
     916  100% {
     917    transform: translate(-50%, -50%) rotateZ(calc(122 * 360deg));
     918  }
     919}
     920
     921/**
    869922  * File <- Poker Main
    870923  */
    871 
     924.pokerMainContainer {
     925 
     926}
Note: See TracChangeset for help on using the changeset viewer.