Μία διαχρονική XBRL πλατφόρμα

.container-2 { min-height: 1px; display: flex; flex-direction: row; align-items: center; justify-content: center; position: relative; } .blob-c-2 { min-height: 300px; position:absolute; width: 100%; filter: blur(60px); /* background: rgba(255,255,255,0.1) */ } .shape-blob-2 { opacity:.3; background:#8AE991; height: 500px; width: 600px; border-radius: 40% 50% 30% 40%; animation: transform 18s ease-in-out infinite both alternate, movement_one 12s ease-in-out infinite both; position: absolute; left: 100px; top: -300px; } .shape-blob-2.one{ background:#FFFFFF; height: 350px; width: 500px; left: 500px; top: -300px; transform: rotate(-180deg); animation: transform 8s ease-in-out infinite both alternate, movement_two 20s ease-in-out infinite both; } .shape-blob-2.two{ opacity: 0.3; background:#50BEF7; height: 450px; width: 350px; left: 400px; top: -500px; transform: rotate(-180deg); animation: transform 10s ease-in-out infinite both alternate, movement_two 10s ease-in-out infinite both; } @keyframes transform { 0%, 100% { border-radius: 33% 67% 70% 30% / 30% 40% 70% 70%; } 20% { border-radius: 37% 63% 51% 49% / 37% 35% 35% 63%; } 40% { border-radius: 36% 64% 64% 36% / 64% 48% 52% 26%; } 60% { border-radius: 37% 63% 51% 49% / 30% 30% 70% 73%; } 80% { border-radius: 40% 60% 42% 58% / 51% 51% 49% 59%; } } @keyframes movement_one { 0%, 300% { transform: none; } 50% { transform: translate(20%, -20%) rotateZ(100deg) scale(1); } } @keyframes movement_two { 0%, 300% { transform: none; } 50% { transform: translate(10%, 20%) rotateZ(-200deg) scale(1.1);} }