1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677 |
- /*========================================================
- DARK LAYOUT
- =========================================================*/
- @-webkit-keyframes line-scale-party {
- 0% {
- transform: scale(1);
- }
- 50% {
- transform: scale(0.5);
- }
- 100% {
- transform: scale(1);
- }
- }
- @keyframes line-scale-party {
- 0% {
- transform: scale(1);
- }
- 50% {
- transform: scale(0.5);
- }
- 100% {
- transform: scale(1);
- }
- }
- .line-scale-party > div:nth-child(1) {
- -webkit-animation-delay: -0.14s;
- animation-delay: -0.14s;
- -webkit-animation-duration: 1.05s;
- animation-duration: 1.05s;
- }
- .line-scale-party > div:nth-child(2) {
- -webkit-animation-delay: 0.14s;
- animation-delay: 0.14s;
- -webkit-animation-duration: 1.01s;
- animation-duration: 1.01s;
- }
- .line-scale-party > div:nth-child(3) {
- -webkit-animation-delay: 0.37s;
- animation-delay: 0.37s;
- -webkit-animation-duration: 1.29s;
- animation-duration: 1.29s;
- }
- .line-scale-party > div:nth-child(4) {
- -webkit-animation-delay: 0.45s;
- animation-delay: 0.45s;
- -webkit-animation-duration: 1.04s;
- animation-duration: 1.04s;
- }
- .line-scale-party > div {
- background-color: #b8c2cc;
- width: 4px;
- height: 3.45rem;
- border-radius: 2px;
- margin: 2px;
- -webkit-animation-fill-mode: both;
- animation-fill-mode: both;
- display: inline-block;
- -webkit-animation-name: line-scale-party;
- animation-name: line-scale-party;
- -webkit-animation-iteration-count: infinite;
- animation-iteration-count: infinite;
- -webkit-animation-delay: 0;
- animation-delay: 0;
- }
|