Changeset ace7865 for styles/globals.scss
- Timestamp:
- 06/25/22 11:30:19 (2 years ago)
- Branches:
- main
- Children:
- b13f93b
- Parents:
- 9bd09b0
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
styles/globals.scss
r9bd09b0 race7865 9 9 10 10 font-family: 'Inter', sans-serif; 11 12 overflow: hidden; 11 13 } 12 14 … … 135 137 */ 136 138 .alert { 139 z-index: 30; 140 137 141 width: 100vw; 138 142 … … 147 151 148 152 position: absolute; 149 top: 50vh;150 153 151 154 transform: translateY(-70%); … … 782 785 left: 18%; 783 786 784 trans form: translate(-50%, -50%);787 transition: all .5s ease-in-out; 785 788 786 789 width: 450px; … … 829 832 830 833 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; 840 836 flex-direction: column; 841 837 justify-content: center; 842 838 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; 843 852 844 853 position: fixed; … … 867 876 868 877 /** 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 /** 869 922 * File <- Poker Main 870 923 */ 871 924 .pokerMainContainer { 925 926 }
Note:
See TracChangeset
for help on using the changeset viewer.