12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758 |
- /*========================================================
- DARK LAYOUT
- =========================================================*/
- @-webkit-keyframes line-scale-pulse-out-rapid {
- 0% {
- transform: scaley(1);
- }
- 80% {
- transform: scaley(0.3);
- }
- 90% {
- transform: scaley(1);
- }
- }
- @keyframes line-scale-pulse-out-rapid {
- 0% {
- transform: scaley(1);
- }
- 80% {
- transform: scaley(0.3);
- }
- 90% {
- transform: scaley(1);
- }
- }
- .line-scale-pulse-out-rapid > 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;
- vertical-align: middle;
- -webkit-animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
- animation: line-scale-pulse-out-rapid 0.9s -0.5s infinite cubic-bezier(0.11, 0.49, 0.38, 0.78);
- }
- .line-scale-pulse-out-rapid > div:nth-child(2),
- .line-scale-pulse-out-rapid > div:nth-child(4) {
- -webkit-animation-delay: -0.25s !important;
- animation-delay: -0.25s !important;
- }
- .line-scale-pulse-out-rapid > div:nth-child(1),
- .line-scale-pulse-out-rapid > div:nth-child(5) {
- -webkit-animation-delay: 0s !important;
- animation-delay: 0s !important;
- }
|