| 1234567891011121314151617181920212223242526272829 |
- .content {
- /* display: flex;
- flex-direction: column;
- align-items: center;
- justify-content: center; */
- }
- .box{
- }
- #firstScreenPage { top:50%; left:50%; position: absolute; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); z-index:100;
- }
- @-webkit-keyframes ball-beat {
- 50% { opacity: 0.2; -webkit-transform: scale(0.75); transform: scale(0.75);
- }
- 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1);
- }
- }
- @keyframes ball-beat {
- 50% { opacity: 0.2; -webkit-transform: scale(0.75); transform: scale(0.75);
- }
- 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1);
- }
- }
- .ball-beat > view { background-color: #279fcf; width: 15px; height: 15px; border-radius: 100% !important; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; -webkit-animation: ball-beat 0.7s 0s infinite linear; animation: ball-beat 0.7s 0s infinite linear;
- }
- .ball-beat > view:nth-child(2n-1) { -webkit-animation-delay: 0.35s !important; animation-delay: 0.35s !important;
- }
|
