/*Flex Активности*/ .p-profiles-show .profile-content .graph.x26 { display: none; } .p-profiles-show .profile-content .graph.x34 { display: block; } .activity .graph.vertical .line .bar { box-sizing: content-box; transform: translateY(5px); transform-origin: center bottom; animation-fill-mode: both; animation-timing-function: linear; animation-iteration-count: 1337; animation-duration: 0.13s; animation-name: activity; } .activity .graph.vertical .line:nth-of-type(6n+1) .bar { animation-delay: 1.25s; } .activity .graph.vertical .line:nth-of-type(6n+2) .bar { animation-delay: 2s; } .activity .graph.vertical .line:nth-of-type(6n+3) .bar { animation-delay: 1s; } .activity .graph.vertical .line:nth-of-type(6n+4) .bar { animation-delay: 2s; } .activity .graph.vertical .line:nth-of-type(6n+5) .bar { animation-delay: 1.25s; } .activity .graph.vertical .line:nth-of-type(6n+6) .bar { animation-delay: 3s; } .activity .graph.vertical .line:nth-of-type(6n+7) .bar { animation-delay: 1.5s; } @keyframes activity { 0%, 100% { transform: translateY(1px); } 50% { transform: translateY(19px); } }
Нет комментариев