Bootstrap Snippet animation title using HTML

"animation title"
Bootstrap 3.0.0 Snippet by evarevirus

3.0.0 animation

2.9K 0 Fav

Post to Facebook Tweet this

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script>  <!DOCTYPE html><html lang='en' class=''> <head><script src='//production-assets.codepen.io/assets/editor/live/console_runner-079c09a0e3b9ff743e39ee2d5637b9216b3545af0de366d4b9aad9dc87e26bfd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/events_runner-73716630c22bbc8cff4bd0f07b135f00a0bdc5d14629260c3ec49e5606f98fdd.js'></script><script src='//production-assets.codepen.io/assets/editor/live/css_live_reload_init-2c0dc5167d60a5af3ee189d570b1835129687ea2a61bee3513dee3a50c115a77.js'></script><meta charset='UTF-8'><meta name="robots" content="noindex"><link rel="shortcut icon" type="image/x-icon" href="//production-assets.codepen.io/assets/favicon/favicon-8ea04875e70c4b0bb41da869e81236e54394d63638a1ef12fa558a4a835f1164.ico" /><link rel="mask-icon" type="" href="//production-assets.codepen.io/assets/favicon/logo-pin-f2d2b6d2c61838f7e76325261b7195c27224080bc099486ddd6dccb469b8e8e6.svg" color="#111" /><link rel="canonical" href="https://codepen.io/YusukeNakaya/pen/KyKJBE" /> <link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css'><link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Anton'> <style class="cp-pen-styles">body { background: #050a19; height: 100vh; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #fff; } #ui .text { position: absolute; font-size: 10rem; color: #fff; line-height: 10rem; font-family: 'Anton', sans-serif; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); mix-blend-mode: screen; letter-spacing: 1rem; } #ui .text:nth-child(1) { color: #0e3ab2; -webkit-animation: clip0 15833ms ease-in-out infinite alternate; animation: clip0 15833ms ease-in-out infinite alternate; -webkit-filter: blur(12px); filter: blur(12px); } @-webkit-keyframes clip0 { 0% { -webkit-clip-path: circle(62px at 128% 2%); clip-path: circle(62px at 128% 2%); } 25% { -webkit-clip-path: circle(140px at 36% 75%); clip-path: circle(140px at 36% 75%); } 50% { -webkit-clip-path: circle(109px at 1% 5%); clip-path: circle(109px at 1% 5%); } 75% { -webkit-clip-path: circle(45px at 103% -24%); clip-path: circle(45px at 103% -24%); } 100% { -webkit-clip-path: circle(45px at 100% 123%); clip-path: circle(45px at 100% 123%); } } @keyframes clip0 { 0% { -webkit-clip-path: circle(62px at 128% 2%); clip-path: circle(62px at 128% 2%); } 25% { -webkit-clip-path: circle(140px at 36% 75%); clip-path: circle(140px at 36% 75%); } 50% { -webkit-clip-path: circle(109px at 1% 5%); clip-path: circle(109px at 1% 5%); } 75% { -webkit-clip-path: circle(45px at 103% -24%); clip-path: circle(45px at 103% -24%); } 100% { -webkit-clip-path: circle(45px at 100% 123%); clip-path: circle(45px at 100% 123%); } } #ui .text:nth-child(2) { color: #04577a; -webkit-animation: clip1 16557ms ease-in-out infinite alternate; animation: clip1 16557ms ease-in-out infinite alternate; -webkit-filter: blur(5px); filter: blur(5px); } @-webkit-keyframes clip1 { 0% { -webkit-clip-path: circle(67px at 62% -8%); clip-path: circle(67px at 62% -8%); } 25% { -webkit-clip-path: circle(80px at 107% 111%); clip-path: circle(80px at 107% 111%); } 50% { -webkit-clip-path: circle(45px at 22% 48%); clip-path: circle(45px at 22% 48%); } 75% { -webkit-clip-path: circle(34px at 51% 78%); clip-path: circle(34px at 51% 78%); } 100% { -webkit-clip-path: circle(41px at 120% 16%); clip-path: circle(41px at 120% 16%); } } @keyframes clip1 { 0% { -webkit-clip-path: circle(67px at 62% -8%); clip-path: circle(67px at 62% -8%); } 25% { -webkit-clip-path: circle(80px at 107% 111%); clip-path: circle(80px at 107% 111%); } 50% { -webkit-clip-path: circle(45px at 22% 48%); clip-path: circle(45px at 22% 48%); } 75% { -webkit-clip-path: circle(34px at 51% 78%); clip-path: circle(34px at 51% 78%); } 100% { -webkit-clip-path: circle(41px at 120% 16%); clip-path: circle(41px at 120% 16%); } } #ui .text:nth-child(3) { color: #012c89; -webkit-animation: clip2 15045ms ease-in-out infinite alternate; animation: clip2 15045ms ease-in-out infinite alternate; -webkit-filter: blur(-9px); filter: blur(-9px); } @-webkit-keyframes clip2 { 0% { -webkit-clip-path: circle(75px at -24% 71%); clip-path: circle(75px at -24% 71%); } 25% { -webkit-clip-path: circle(75px at -14% 15%); clip-path: circle(75px at -14% 15%); } 50% { -webkit-clip-path: circle(124px at 2% 95%); clip-path: circle(124px at 2% 95%); } 75% { -webkit-clip-path: circle(45px at 53% 130%); clip-path: circle(45px at 53% 130%); } 100% { -webkit-clip-path: circle(176px at 56% 21%); clip-path: circle(176px at 56% 21%); } } @keyframes clip2 { 0% { -webkit-clip-path: circle(75px at -24% 71%); clip-path: circle(75px at -24% 71%); } 25% { -webkit-clip-path: circle(75px at -14% 15%); clip-path: circle(75px at -14% 15%); } 50% { -webkit-clip-path: circle(124px at 2% 95%); clip-path: circle(124px at 2% 95%); } 75% { -webkit-clip-path: circle(45px at 53% 130%); clip-path: circle(45px at 53% 130%); } 100% { -webkit-clip-path: circle(176px at 56% 21%); clip-path: circle(176px at 56% 21%); } } #ui .text:nth-child(4) { color: #1457b0; -webkit-animation: clip3 18267ms ease-in-out infinite alternate; animation: clip3 18267ms ease-in-out infinite alternate; -webkit-filter: blur(3px); filter: blur(3px); } @-webkit-keyframes clip3 { 0% { -webkit-clip-path: circle(167px at 19% -1%); clip-path: circle(167px at 19% -1%); } 25% { -webkit-clip-path: circle(175px at 55% 122%); clip-path: circle(175px at 55% 122%); } 50% { -webkit-clip-path: circle(90px at 122% 124%); clip-path: circle(90px at 122% 124%); } 75% { -webkit-clip-path: circle(100px at 43% 42%); clip-path: circle(100px at 43% 42%); } 100% { -webkit-clip-path: circle(31px at 122% 49%); clip-path: circle(31px at 122% 49%); } } @keyframes clip3 { 0% { -webkit-clip-path: circle(167px at 19% -1%); clip-path: circle(167px at 19% -1%); } 25% { -webkit-clip-path: circle(175px at 55% 122%); clip-path: circle(175px at 55% 122%); } 50% { -webkit-clip-path: circle(90px at 122% 124%); clip-path: circle(90px at 122% 124%); } 75% { -webkit-clip-path: circle(100px at 43% 42%); clip-path: circle(100px at 43% 42%); } 100% { -webkit-clip-path: circle(31px at 122% 49%); clip-path: circle(31px at 122% 49%); } } #ui .text:nth-child(5) { color: #052974; -webkit-animation: clip4 13771ms ease-in-out infinite alternate; animation: clip4 13771ms ease-in-out infinite alternate; -webkit-filter: blur(3px); filter: blur(3px); } @-webkit-keyframes clip4 { 0% { -webkit-clip-path: circle(65px at 33% 59%); clip-path: circle(65px at 33% 59%); } 25% { -webkit-clip-path: circle(83px at 96% 124%); clip-path: circle(83px at 96% 124%); } 50% { -webkit-clip-path: circle(138px at 101% 112%); clip-path: circle(138px at 101% 112%); } 75% { -webkit-clip-path: circle(86px at 60% 8%); clip-path: circle(86px at 60% 8%); } 100% { -webkit-clip-path: circle(178px at 54% 3%); clip-path: circle(178px at 54% 3%); } } @keyframes clip4 { 0% { -webkit-clip-path: circle(65px at 33% 59%); clip-path: circle(65px at 33% 59%); } 25% { -webkit-clip-path: circle(83px at 96% 124%); clip-path: circle(83px at 96% 124%); } 50% { -webkit-clip-path: circle(138px at 101% 112%); clip-path: circle(138px at 101% 112%); } 75% { -webkit-clip-path: circle(86px at 60% 8%); clip-path: circle(86px at 60% 8%); } 100% { -webkit-clip-path: circle(178px at 54% 3%); clip-path: circle(178px at 54% 3%); } } #ui .text:nth-child(6) { color: #060fe1; -webkit-animation: clip5 13956ms ease-in-out infinite alternate; animation: clip5 13956ms ease-in-out infinite alternate; -webkit-filter: blur(-7px); filter: blur(-7px); } @-webkit-keyframes clip5 { 0% { -webkit-clip-path: circle(43px at 61% -17%); clip-path: circle(43px at 61% -17%); } 25% { -webkit-clip-path: circle(37px at 101% -12%); clip-path: circle(37px at 101% -12%); } 50% { -webkit-clip-path: circle(83px at 79% -29%); clip-path: circle(83px at 79% -29%); } 75% { -webkit-clip-path: circle(60px at 51% 23%); clip-path: circle(60px at 51% 23%); } 100% { -webkit-clip-path: circle(178px at 73% -27%); clip-path: circle(178px at 73% -27%); } } @keyframes clip5 { 0% { -webkit-clip-path: circle(43px at 61% -17%); clip-path: circle(43px at 61% -17%); } 25% { -webkit-clip-path: circle(37px at 101% -12%); clip-path: circle(37px at 101% -12%); } 50% { -webkit-clip-path: circle(83px at 79% -29%); clip-path: circle(83px at 79% -29%); } 75% { -webkit-clip-path: circle(60px at 51% 23%); clip-path: circle(60px at 51% 23%); } 100% { -webkit-clip-path: circle(178px at 73% -27%); clip-path: circle(178px at 73% -27%); } } #ui .text:nth-child(7) { color: #0c3fdb; -webkit-animation: clip6 14120ms ease-in-out infinite alternate; animation: clip6 14120ms ease-in-out infinite alternate; -webkit-filter: blur(-2px); filter: blur(-2px); } @-webkit-keyframes clip6 { 0% { -webkit-clip-path: circle(128px at 7% 108%); clip-path: circle(128px at 7% 108%); } 25% { -webkit-clip-path: circle(134px at 16% 13%); clip-path: circle(134px at 16% 13%); } 50% { -webkit-clip-path: circle(61px at 89% 83%); clip-path: circle(61px at 89% 83%); } 75% { -webkit-clip-path: circle(89px at 106% 125%); clip-path: circle(89px at 106% 125%); } 100% { -webkit-clip-path: circle(158px at 72% 9%); clip-path: circle(158px at 72% 9%); } } @keyframes clip6 { 0% { -webkit-clip-path: circle(128px at 7% 108%); clip-path: circle(128px at 7% 108%); } 25% { -webkit-clip-path: circle(134px at 16% 13%); clip-path: circle(134px at 16% 13%); } 50% { -webkit-clip-path: circle(61px at 89% 83%); clip-path: circle(61px at 89% 83%); } 75% { -webkit-clip-path: circle(89px at 106% 125%); clip-path: circle(89px at 106% 125%); } 100% { -webkit-clip-path: circle(158px at 72% 9%); clip-path: circle(158px at 72% 9%); } } #ui .text:nth-child(8) { color: #1033b1; -webkit-animation: clip7 13137ms ease-in-out infinite alternate; animation: clip7 13137ms ease-in-out infinite alternate; -webkit-filter: blur(14px); filter: blur(14px); } @-webkit-keyframes clip7 { 0% { -webkit-clip-path: circle(137px at 100% 40%); clip-path: circle(137px at 100% 40%); } 25% { -webkit-clip-path: circle(43px at 99% -14%); clip-path: circle(43px at 99% -14%); } 50% { -webkit-clip-path: circle(107px at 15% 87%); clip-path: circle(107px at 15% 87%); } 75% { -webkit-clip-path: circle(74px at -4% 59%); clip-path: circle(74px at -4% 59%); } 100% { -webkit-clip-path: circle(146px at 30% 71%); clip-path: circle(146px at 30% 71%); } } @keyframes clip7 { 0% { -webkit-clip-path: circle(137px at 100% 40%); clip-path: circle(137px at 100% 40%); } 25% { -webkit-clip-path: circle(43px at 99% -14%); clip-path: circle(43px at 99% -14%); } 50% { -webkit-clip-path: circle(107px at 15% 87%); clip-path: circle(107px at 15% 87%); } 75% { -webkit-clip-path: circle(74px at -4% 59%); clip-path: circle(74px at -4% 59%); } 100% { -webkit-clip-path: circle(146px at 30% 71%); clip-path: circle(146px at 30% 71%); } } #ui .text:nth-child(9) { color: #1b107a; -webkit-animation: clip8 17950ms ease-in-out infinite alternate; animation: clip8 17950ms ease-in-out infinite alternate; -webkit-filter: blur(-1px); filter: blur(-1px); } @-webkit-keyframes clip8 { 0% { -webkit-clip-path: circle(178px at 126% 13%); clip-path: circle(178px at 126% 13%); } 25% { -webkit-clip-path: circle(59px at 33% 61%); clip-path: circle(59px at 33% 61%); } 50% { -webkit-clip-path: circle(167px at 86% 2%); clip-path: circle(167px at 86% 2%); } 75% { -webkit-clip-path: circle(156px at 125% 7%); clip-path: circle(156px at 125% 7%); } 100% { -webkit-clip-path: circle(92px at 2% 29%); clip-path: circle(92px at 2% 29%); } } @keyframes clip8 { 0% { -webkit-clip-path: circle(178px at 126% 13%); clip-path: circle(178px at 126% 13%); } 25% { -webkit-clip-path: circle(59px at 33% 61%); clip-path: circle(59px at 33% 61%); } 50% { -webkit-clip-path: circle(167px at 86% 2%); clip-path: circle(167px at 86% 2%); } 75% { -webkit-clip-path: circle(156px at 125% 7%); clip-path: circle(156px at 125% 7%); } 100% { -webkit-clip-path: circle(92px at 2% 29%); clip-path: circle(92px at 2% 29%); } } #ui .text:nth-child(10) { color: #070ce9; -webkit-animation: clip9 19223ms ease-in-out infinite alternate; animation: clip9 19223ms ease-in-out infinite alternate; -webkit-filter: blur(-8px); filter: blur(-8px); } @-webkit-keyframes clip9 { 0% { -webkit-clip-path: circle(140px at 97% 13%); clip-path: circle(140px at 97% 13%); } 25% { -webkit-clip-path: circle(84px at 37% -26%); clip-path: circle(84px at 37% -26%); } 50% { -webkit-clip-path: circle(61px at 64% 69%); clip-path: circle(61px at 64% 69%); } 75% { -webkit-clip-path: circle(130px at 103% 84%); clip-path: circle(130px at 103% 84%); } 100% { -webkit-clip-path: circle(173px at -4% 49%); clip-path: circle(173px at -4% 49%); } } @keyframes clip9 { 0% { -webkit-clip-path: circle(140px at 97% 13%); clip-path: circle(140px at 97% 13%); } 25% { -webkit-clip-path: circle(84px at 37% -26%); clip-path: circle(84px at 37% -26%); } 50% { -webkit-clip-path: circle(61px at 64% 69%); clip-path: circle(61px at 64% 69%); } 75% { -webkit-clip-path: circle(130px at 103% 84%); clip-path: circle(130px at 103% 84%); } 100% { -webkit-clip-path: circle(173px at -4% 49%); clip-path: circle(173px at -4% 49%); } } #ui .text:nth-child(11) { color: #184ca4; -webkit-animation: clip10 17884ms ease-in-out infinite alternate; animation: clip10 17884ms ease-in-out infinite alternate; -webkit-filter: blur(9px); filter: blur(9px); } @-webkit-keyframes clip10 { 0% { -webkit-clip-path: circle(176px at 55% 25%); clip-path: circle(176px at 55% 25%); } 25% { -webkit-clip-path: circle(130px at -29% -10%); clip-path: circle(130px at -29% -10%); } 50% { -webkit-clip-path: circle(78px at -4% 29%); clip-path: circle(78px at -4% 29%); } 75% { -webkit-clip-path: circle(173px at 21% 113%); clip-path: circle(173px at 21% 113%); } 100% { -webkit-clip-path: circle(95px at 59% 103%); clip-path: circle(95px at 59% 103%); } } @keyframes clip10 { 0% { -webkit-clip-path: circle(176px at 55% 25%); clip-path: circle(176px at 55% 25%); } 25% { -webkit-clip-path: circle(130px at -29% -10%); clip-path: circle(130px at -29% -10%); } 50% { -webkit-clip-path: circle(78px at -4% 29%); clip-path: circle(78px at -4% 29%); } 75% { -webkit-clip-path: circle(173px at 21% 113%); clip-path: circle(173px at 21% 113%); } 100% { -webkit-clip-path: circle(95px at 59% 103%); clip-path: circle(95px at 59% 103%); } } #ui .text:nth-child(12) { color: #036390; -webkit-animation: clip11 13092ms ease-in-out infinite alternate; animation: clip11 13092ms ease-in-out infinite alternate; -webkit-filter: blur(15px); filter: blur(15px); } @-webkit-keyframes clip11 { 0% { -webkit-clip-path: circle(62px at -17% 113%); clip-path: circle(62px at -17% 113%); } 25% { -webkit-clip-path: circle(80px at 98% 46%); clip-path: circle(80px at 98% 46%); } 50% { -webkit-clip-path: circle(128px at 43% -23%); clip-path: circle(128px at 43% -23%); } 75% { -webkit-clip-path: circle(35px at 112% 31%); clip-path: circle(35px at 112% 31%); } 100% { -webkit-clip-path: circle(100px at 53% 123%); clip-path: circle(100px at 53% 123%); } } @keyframes clip11 { 0% { -webkit-clip-path: circle(62px at -17% 113%); clip-path: circle(62px at -17% 113%); } 25% { -webkit-clip-path: circle(80px at 98% 46%); clip-path: circle(80px at 98% 46%); } 50% { -webkit-clip-path: circle(128px at 43% -23%); clip-path: circle(128px at 43% -23%); } 75% { -webkit-clip-path: circle(35px at 112% 31%); clip-path: circle(35px at 112% 31%); } 100% { -webkit-clip-path: circle(100px at 53% 123%); clip-path: circle(100px at 53% 123%); } } #ui .text:nth-child(13) { color: #1805f7; -webkit-animation: clip12 15925ms ease-in-out infinite alternate; animation: clip12 15925ms ease-in-out infinite alternate; -webkit-filter: blur(12px); filter: blur(12px); } @-webkit-keyframes clip12 { 0% { -webkit-clip-path: circle(67px at 53% 7%); clip-path: circle(67px at 53% 7%); } 25% { -webkit-clip-path: circle(65px at 80% 41%); clip-path: circle(65px at 80% 41%); } 50% { -webkit-clip-path: circle(127px at 51% 15%); clip-path: circle(127px at 51% 15%); } 75% { -webkit-clip-path: circle(135px at 27% 18%); clip-path: circle(135px at 27% 18%); } 100% { -webkit-clip-path: circle(76px at 1% 113%); clip-path: circle(76px at 1% 113%); } } @keyframes clip12 { 0% { -webkit-clip-path: circle(67px at 53% 7%); clip-path: circle(67px at 53% 7%); } 25% { -webkit-clip-path: circle(65px at 80% 41%); clip-path: circle(65px at 80% 41%); } 50% { -webkit-clip-path: circle(127px at 51% 15%); clip-path: circle(127px at 51% 15%); } 75% { -webkit-clip-path: circle(135px at 27% 18%); clip-path: circle(135px at 27% 18%); } 100% { -webkit-clip-path: circle(76px at 1% 113%); clip-path: circle(76px at 1% 113%); } } #ui .text:nth-child(14) { color: #1c20b0; -webkit-animation: clip13 15026ms ease-in-out infinite alternate; animation: clip13 15026ms ease-in-out infinite alternate; -webkit-filter: blur(14px); filter: blur(14px); } @-webkit-keyframes clip13 { 0% { -webkit-clip-path: circle(32px at 44% 114%); clip-path: circle(32px at 44% 114%); } 25% { -webkit-clip-path: circle(150px at 13% 45%); clip-path: circle(150px at 13% 45%); } 50% { -webkit-clip-path: circle(47px at 116% 80%); clip-path: circle(47px at 116% 80%); } 75% { -webkit-clip-path: circle(76px at 94% 98%); clip-path: circle(76px at 94% 98%); } 100% { -webkit-clip-path: circle(35px at 49% 130%); clip-path: circle(35px at 49% 130%); } } @keyframes clip13 { 0% { -webkit-clip-path: circle(32px at 44% 114%); clip-path: circle(32px at 44% 114%); } 25% { -webkit-clip-path: circle(150px at 13% 45%); clip-path: circle(150px at 13% 45%); } 50% { -webkit-clip-path: circle(47px at 116% 80%); clip-path: circle(47px at 116% 80%); } 75% { -webkit-clip-path: circle(76px at 94% 98%); clip-path: circle(76px at 94% 98%); } 100% { -webkit-clip-path: circle(35px at 49% 130%); clip-path: circle(35px at 49% 130%); } } #ui .text:nth-child(15) { color: #1e35fd; -webkit-animation: clip14 19616ms ease-in-out infinite alternate; animation: clip14 19616ms ease-in-out infinite alternate; -webkit-filter: blur(-7px); filter: blur(-7px); } @-webkit-keyframes clip14 { 0% { -webkit-clip-path: circle(64px at 117% 106%); clip-path: circle(64px at 117% 106%); } 25% { -webkit-clip-path: circle(43px at 118% 110%); clip-path: circle(43px at 118% 110%); } 50% { -webkit-clip-path: circle(130px at 15% 22%); clip-path: circle(130px at 15% 22%); } 75% { -webkit-clip-path: circle(127px at -2% 75%); clip-path: circle(127px at -2% 75%); } 100% { -webkit-clip-path: circle(84px at 13% 46%); clip-path: circle(84px at 13% 46%); } } @keyframes clip14 { 0% { -webkit-clip-path: circle(64px at 117% 106%); clip-path: circle(64px at 117% 106%); } 25% { -webkit-clip-path: circle(43px at 118% 110%); clip-path: circle(43px at 118% 110%); } 50% { -webkit-clip-path: circle(130px at 15% 22%); clip-path: circle(130px at 15% 22%); } 75% { -webkit-clip-path: circle(127px at -2% 75%); clip-path: circle(127px at -2% 75%); } 100% { -webkit-clip-path: circle(84px at 13% 46%); clip-path: circle(84px at 13% 46%); } } #ui .text:nth-child(16) { color: #0742eb; -webkit-animation: clip15 11547ms ease-in-out infinite alternate; animation: clip15 11547ms ease-in-out infinite alternate; -webkit-filter: blur(3px); filter: blur(3px); } @-webkit-keyframes clip15 { 0% { -webkit-clip-path: circle(63px at 86% 93%); clip-path: circle(63px at 86% 93%); } 25% { -webkit-clip-path: circle(103px at 89% -15%); clip-path: circle(103px at 89% -15%); } 50% { -webkit-clip-path: circle(129px at 85% 44%); clip-path: circle(129px at 85% 44%); } 75% { -webkit-clip-path: circle(118px at 54% 53%); clip-path: circle(118px at 54% 53%); } 100% { -webkit-clip-path: circle(142px at -2% 112%); clip-path: circle(142px at -2% 112%); } } @keyframes clip15 { 0% { -webkit-clip-path: circle(63px at 86% 93%); clip-path: circle(63px at 86% 93%); } 25% { -webkit-clip-path: circle(103px at 89% -15%); clip-path: circle(103px at 89% -15%); } 50% { -webkit-clip-path: circle(129px at 85% 44%); clip-path: circle(129px at 85% 44%); } 75% { -webkit-clip-path: circle(118px at 54% 53%); clip-path: circle(118px at 54% 53%); } 100% { -webkit-clip-path: circle(142px at -2% 112%); clip-path: circle(142px at -2% 112%); } } #ui .text:nth-child(17) { color: #020ecf; -webkit-animation: clip16 18518ms ease-in-out infinite alternate; animation: clip16 18518ms ease-in-out infinite alternate; -webkit-filter: blur(-6px); filter: blur(-6px); } @-webkit-keyframes clip16 { 0% { -webkit-clip-path: circle(160px at 92% 64%); clip-path: circle(160px at 92% 64%); } 25% { -webkit-clip-path: circle(164px at 40% 7%); clip-path: circle(164px at 40% 7%); } 50% { -webkit-clip-path: circle(81px at 121% 81%); clip-path: circle(81px at 121% 81%); } 75% { -webkit-clip-path: circle(81px at 78% 37%); clip-path: circle(81px at 78% 37%); } 100% { -webkit-clip-path: circle(61px at 2% 27%); clip-path: circle(61px at 2% 27%); } } @keyframes clip16 { 0% { -webkit-clip-path: circle(160px at 92% 64%); clip-path: circle(160px at 92% 64%); } 25% { -webkit-clip-path: circle(164px at 40% 7%); clip-path: circle(164px at 40% 7%); } 50% { -webkit-clip-path: circle(81px at 121% 81%); clip-path: circle(81px at 121% 81%); } 75% { -webkit-clip-path: circle(81px at 78% 37%); clip-path: circle(81px at 78% 37%); } 100% { -webkit-clip-path: circle(61px at 2% 27%); clip-path: circle(61px at 2% 27%); } } #ui .text:nth-child(18) { color: #0f48bf; -webkit-animation: clip17 10258ms ease-in-out infinite alternate; animation: clip17 10258ms ease-in-out infinite alternate; -webkit-filter: blur(4px); filter: blur(4px); } @-webkit-keyframes clip17 { 0% { -webkit-clip-path: circle(122px at 3% 60%); clip-path: circle(122px at 3% 60%); } 25% { -webkit-clip-path: circle(45px at 107% -22%); clip-path: circle(45px at 107% -22%); } 50% { -webkit-clip-path: circle(41px at 72% 95%); clip-path: circle(41px at 72% 95%); } 75% { -webkit-clip-path: circle(96px at 113% 59%); clip-path: circle(96px at 113% 59%); } 100% { -webkit-clip-path: circle(155px at -7% 37%); clip-path: circle(155px at -7% 37%); } } @keyframes clip17 { 0% { -webkit-clip-path: circle(122px at 3% 60%); clip-path: circle(122px at 3% 60%); } 25% { -webkit-clip-path: circle(45px at 107% -22%); clip-path: circle(45px at 107% -22%); } 50% { -webkit-clip-path: circle(41px at 72% 95%); clip-path: circle(41px at 72% 95%); } 75% { -webkit-clip-path: circle(96px at 113% 59%); clip-path: circle(96px at 113% 59%); } 100% { -webkit-clip-path: circle(155px at -7% 37%); clip-path: circle(155px at -7% 37%); } } #ui .text:nth-child(19) { color: #1d18a2; -webkit-animation: clip18 19752ms ease-in-out infinite alternate; animation: clip18 19752ms ease-in-out infinite alternate; -webkit-filter: blur(15px); filter: blur(15px); } @-webkit-keyframes clip18 { 0% { -webkit-clip-path: circle(89px at 46% 45%); clip-path: circle(89px at 46% 45%); } 25% { -webkit-clip-path: circle(62px at 49% 74%); clip-path: circle(62px at 49% 74%); } 50% { -webkit-clip-path: circle(31px at 37% -11%); clip-path: circle(31px at 37% -11%); } 75% { -webkit-clip-path: circle(124px at 87% 112%); clip-path: circle(124px at 87% 112%); } 100% { -webkit-clip-path: circle(107px at 83% -21%); clip-path: circle(107px at 83% -21%); } } @keyframes clip18 { 0% { -webkit-clip-path: circle(89px at 46% 45%); clip-path: circle(89px at 46% 45%); } 25% { -webkit-clip-path: circle(62px at 49% 74%); clip-path: circle(62px at 49% 74%); } 50% { -webkit-clip-path: circle(31px at 37% -11%); clip-path: circle(31px at 37% -11%); } 75% { -webkit-clip-path: circle(124px at 87% 112%); clip-path: circle(124px at 87% 112%); } 100% { -webkit-clip-path: circle(107px at 83% -21%); clip-path: circle(107px at 83% -21%); } } #ui .text:nth-child(20) { color: #042f68; -webkit-animation: clip19 19614ms ease-in-out infinite alternate; animation: clip19 19614ms ease-in-out infinite alternate; -webkit-filter: blur(14px); filter: blur(14px); } @-webkit-keyframes clip19 { 0% { -webkit-clip-path: circle(53px at 86% -27%); clip-path: circle(53px at 86% -27%); } 25% { -webkit-clip-path: circle(96px at 80% -12%); clip-path: circle(96px at 80% -12%); } 50% { -webkit-clip-path: circle(72px at -26% -9%); clip-path: circle(72px at -26% -9%); } 75% { -webkit-clip-path: circle(133px at 33% -1%); clip-path: circle(133px at 33% -1%); } 100% { -webkit-clip-path: circle(37px at 54% 45%); clip-path: circle(37px at 54% 45%); } } @keyframes clip19 { 0% { -webkit-clip-path: circle(53px at 86% -27%); clip-path: circle(53px at 86% -27%); } 25% { -webkit-clip-path: circle(96px at 80% -12%); clip-path: circle(96px at 80% -12%); } 50% { -webkit-clip-path: circle(72px at -26% -9%); clip-path: circle(72px at -26% -9%); } 75% { -webkit-clip-path: circle(133px at 33% -1%); clip-path: circle(133px at 33% -1%); } 100% { -webkit-clip-path: circle(37px at 54% 45%); clip-path: circle(37px at 54% 45%); } } #ui .text:nth-child(21) { color: #153397; -webkit-animation: clip20 19551ms ease-in-out infinite alternate; animation: clip20 19551ms ease-in-out infinite alternate; -webkit-filter: blur(7px); filter: blur(7px); } @-webkit-keyframes clip20 { 0% { -webkit-clip-path: circle(134px at 114% -28%); clip-path: circle(134px at 114% -28%); } 25% { -webkit-clip-path: circle(174px at -2% 17%); clip-path: circle(174px at -2% 17%); } 50% { -webkit-clip-path: circle(36px at 87% 3%); clip-path: circle(36px at 87% 3%); } 75% { -webkit-clip-path: circle(134px at 92% 19%); clip-path: circle(134px at 92% 19%); } 100% { -webkit-clip-path: circle(56px at 113% 124%); clip-path: circle(56px at 113% 124%); } } @keyframes clip20 { 0% { -webkit-clip-path: circle(134px at 114% -28%); clip-path: circle(134px at 114% -28%); } 25% { -webkit-clip-path: circle(174px at -2% 17%); clip-path: circle(174px at -2% 17%); } 50% { -webkit-clip-path: circle(36px at 87% 3%); clip-path: circle(36px at 87% 3%); } 75% { -webkit-clip-path: circle(134px at 92% 19%); clip-path: circle(134px at 92% 19%); } 100% { -webkit-clip-path: circle(56px at 113% 124%); clip-path: circle(56px at 113% 124%); } } #ui .text:nth-child(22) { color: #1d3bcc; -webkit-animation: clip21 16505ms ease-in-out infinite alternate; animation: clip21 16505ms ease-in-out infinite alternate; -webkit-filter: blur(-2px); filter: blur(-2px); } @-webkit-keyframes clip21 { 0% { -webkit-clip-path: circle(93px at 93% 23%); clip-path: circle(93px at 93% 23%); } 25% { -webkit-clip-path: circle(37px at 82% 59%); clip-path: circle(37px at 82% 59%); } 50% { -webkit-clip-path: circle(84px at 108% -29%); clip-path: circle(84px at 108% -29%); } 75% { -webkit-clip-path: circle(86px at -4% 91%); clip-path: circle(86px at -4% 91%); } 100% { -webkit-clip-path: circle(33px at 18% -24%); clip-path: circle(33px at 18% -24%); } } @keyframes clip21 { 0% { -webkit-clip-path: circle(93px at 93% 23%); clip-path: circle(93px at 93% 23%); } 25% { -webkit-clip-path: circle(37px at 82% 59%); clip-path: circle(37px at 82% 59%); } 50% { -webkit-clip-path: circle(84px at 108% -29%); clip-path: circle(84px at 108% -29%); } 75% { -webkit-clip-path: circle(86px at -4% 91%); clip-path: circle(86px at -4% 91%); } 100% { -webkit-clip-path: circle(33px at 18% -24%); clip-path: circle(33px at 18% -24%); } } #ui .text:nth-child(23) { color: #1042c1; -webkit-animation: clip22 14848ms ease-in-out infinite alternate; animation: clip22 14848ms ease-in-out infinite alternate; -webkit-filter: blur(11px); filter: blur(11px); } @-webkit-keyframes clip22 { 0% { -webkit-clip-path: circle(49px at 11% -3%); clip-path: circle(49px at 11% -3%); } 25% { -webkit-clip-path: circle(132px at 51% -1%); clip-path: circle(132px at 51% -1%); } 50% { -webkit-clip-path: circle(167px at 66% 57%); clip-path: circle(167px at 66% 57%); } 75% { -webkit-clip-path: circle(142px at 71% -29%); clip-path: circle(142px at 71% -29%); } 100% { -webkit-clip-path: circle(115px at 72% 127%); clip-path: circle(115px at 72% 127%); } } @keyframes clip22 { 0% { -webkit-clip-path: circle(49px at 11% -3%); clip-path: circle(49px at 11% -3%); } 25% { -webkit-clip-path: circle(132px at 51% -1%); clip-path: circle(132px at 51% -1%); } 50% { -webkit-clip-path: circle(167px at 66% 57%); clip-path: circle(167px at 66% 57%); } 75% { -webkit-clip-path: circle(142px at 71% -29%); clip-path: circle(142px at 71% -29%); } 100% { -webkit-clip-path: circle(115px at 72% 127%); clip-path: circle(115px at 72% 127%); } } #ui .text:nth-child(24) { color: #1b11a1; -webkit-animation: clip23 19220ms ease-in-out infinite alternate; animation: clip23 19220ms ease-in-out infinite alternate; -webkit-filter: blur(2px); filter: blur(2px); } @-webkit-keyframes clip23 { 0% { -webkit-clip-path: circle(117px at -18% 125%); clip-path: circle(117px at -18% 125%); } 25% { -webkit-clip-path: circle(70px at 0% 66%); clip-path: circle(70px at 0% 66%); } 50% { -webkit-clip-path: circle(37px at 3% 65%); clip-path: circle(37px at 3% 65%); } 75% { -webkit-clip-path: circle(110px at 79% -13%); clip-path: circle(110px at 79% -13%); } 100% { -webkit-clip-path: circle(179px at 56% 22%); clip-path: circle(179px at 56% 22%); } } @keyframes clip23 { 0% { -webkit-clip-path: circle(117px at -18% 125%); clip-path: circle(117px at -18% 125%); } 25% { -webkit-clip-path: circle(70px at 0% 66%); clip-path: circle(70px at 0% 66%); } 50% { -webkit-clip-path: circle(37px at 3% 65%); clip-path: circle(37px at 3% 65%); } 75% { -webkit-clip-path: circle(110px at 79% -13%); clip-path: circle(110px at 79% -13%); } 100% { -webkit-clip-path: circle(179px at 56% 22%); clip-path: circle(179px at 56% 22%); } } #ui .text:nth-child(25) { color: #1316e8; -webkit-animation: clip24 16802ms ease-in-out infinite alternate; animation: clip24 16802ms ease-in-out infinite alternate; -webkit-filter: blur(-5px); filter: blur(-5px); } @-webkit-keyframes clip24 { 0% { -webkit-clip-path: circle(82px at 20% 89%); clip-path: circle(82px at 20% 89%); } 25% { -webkit-clip-path: circle(177px at -19% 118%); clip-path: circle(177px at -19% 118%); } 50% { -webkit-clip-path: circle(67px at 76% 108%); clip-path: circle(67px at 76% 108%); } 75% { -webkit-clip-path: circle(44px at 57% 21%); clip-path: circle(44px at 57% 21%); } 100% { -webkit-clip-path: circle(157px at 4% 117%); clip-path: circle(157px at 4% 117%); } } @keyframes clip24 { 0% { -webkit-clip-path: circle(82px at 20% 89%); clip-path: circle(82px at 20% 89%); } 25% { -webkit-clip-path: circle(177px at -19% 118%); clip-path: circle(177px at -19% 118%); } 50% { -webkit-clip-path: circle(67px at 76% 108%); clip-path: circle(67px at 76% 108%); } 75% { -webkit-clip-path: circle(44px at 57% 21%); clip-path: circle(44px at 57% 21%); } 100% { -webkit-clip-path: circle(157px at 4% 117%); clip-path: circle(157px at 4% 117%); } } #ui .text:nth-child(26) { color: #10428f; -webkit-animation: clip25 17036ms ease-in-out infinite alternate; animation: clip25 17036ms ease-in-out infinite alternate; -webkit-filter: blur(7px); filter: blur(7px); } @-webkit-keyframes clip25 { 0% { -webkit-clip-path: circle(171px at 0% -3%); clip-path: circle(171px at 0% -3%); } 25% { -webkit-clip-path: circle(154px at 95% 89%); clip-path: circle(154px at 95% 89%); } 50% { -webkit-clip-path: circle(91px at 129% 57%); clip-path: circle(91px at 129% 57%); } 75% { -webkit-clip-path: circle(140px at 121% 7%); clip-path: circle(140px at 121% 7%); } 100% { -webkit-clip-path: circle(76px at -18% 86%); clip-path: circle(76px at -18% 86%); } } @keyframes clip25 { 0% { -webkit-clip-path: circle(171px at 0% -3%); clip-path: circle(171px at 0% -3%); } 25% { -webkit-clip-path: circle(154px at 95% 89%); clip-path: circle(154px at 95% 89%); } 50% { -webkit-clip-path: circle(91px at 129% 57%); clip-path: circle(91px at 129% 57%); } 75% { -webkit-clip-path: circle(140px at 121% 7%); clip-path: circle(140px at 121% 7%); } 100% { -webkit-clip-path: circle(76px at -18% 86%); clip-path: circle(76px at -18% 86%); } } #ui .text:nth-child(27) { color: #1e36bd; -webkit-animation: clip26 12079ms ease-in-out infinite alternate; animation: clip26 12079ms ease-in-out infinite alternate; -webkit-filter: blur(10px); filter: blur(10px); } @-webkit-keyframes clip26 { 0% { -webkit-clip-path: circle(96px at 119% 2%); clip-path: circle(96px at 119% 2%); } 25% { -webkit-clip-path: circle(153px at 54% 6%); clip-path: circle(153px at 54% 6%); } 50% { -webkit-clip-path: circle(40px at -18% 69%); clip-path: circle(40px at -18% 69%); } 75% { -webkit-clip-path: circle(42px at -26% -7%); clip-path: circle(42px at -26% -7%); } 100% { -webkit-clip-path: circle(91px at 57% 91%); clip-path: circle(91px at 57% 91%); } } @keyframes clip26 { 0% { -webkit-clip-path: circle(96px at 119% 2%); clip-path: circle(96px at 119% 2%); } 25% { -webkit-clip-path: circle(153px at 54% 6%); clip-path: circle(153px at 54% 6%); } 50% { -webkit-clip-path: circle(40px at -18% 69%); clip-path: circle(40px at -18% 69%); } 75% { -webkit-clip-path: circle(42px at -26% -7%); clip-path: circle(42px at -26% -7%); } 100% { -webkit-clip-path: circle(91px at 57% 91%); clip-path: circle(91px at 57% 91%); } } #ui .text:nth-child(28) { color: #1841c6; -webkit-animation: clip27 12660ms ease-in-out infinite alternate; animation: clip27 12660ms ease-in-out infinite alternate; -webkit-filter: blur(-4px); filter: blur(-4px); } @-webkit-keyframes clip27 { 0% { -webkit-clip-path: circle(45px at 25% 60%); clip-path: circle(45px at 25% 60%); } 25% { -webkit-clip-path: circle(51px at 120% 92%); clip-path: circle(51px at 120% 92%); } 50% { -webkit-clip-path: circle(117px at 35% -29%); clip-path: circle(117px at 35% -29%); } 75% { -webkit-clip-path: circle(74px at 32% 48%); clip-path: circle(74px at 32% 48%); } 100% { -webkit-clip-path: circle(97px at 75% 27%); clip-path: circle(97px at 75% 27%); } } @keyframes clip27 { 0% { -webkit-clip-path: circle(45px at 25% 60%); clip-path: circle(45px at 25% 60%); } 25% { -webkit-clip-path: circle(51px at 120% 92%); clip-path: circle(51px at 120% 92%); } 50% { -webkit-clip-path: circle(117px at 35% -29%); clip-path: circle(117px at 35% -29%); } 75% { -webkit-clip-path: circle(74px at 32% 48%); clip-path: circle(74px at 32% 48%); } 100% { -webkit-clip-path: circle(97px at 75% 27%); clip-path: circle(97px at 75% 27%); } } #ui .text:nth-child(29) { color: #192afa; -webkit-animation: clip28 19775ms ease-in-out infinite alternate; animation: clip28 19775ms ease-in-out infinite alternate; -webkit-filter: blur(5px); filter: blur(5px); } @-webkit-keyframes clip28 { 0% { -webkit-clip-path: circle(42px at -13% 88%); clip-path: circle(42px at -13% 88%); } 25% { -webkit-clip-path: circle(118px at 20% 64%); clip-path: circle(118px at 20% 64%); } 50% { -webkit-clip-path: circle(153px at 130% -18%); clip-path: circle(153px at 130% -18%); } 75% { -webkit-clip-path: circle(119px at 90% 61%); clip-path: circle(119px at 90% 61%); } 100% { -webkit-clip-path: circle(95px at 112% 38%); clip-path: circle(95px at 112% 38%); } } @keyframes clip28 { 0% { -webkit-clip-path: circle(42px at -13% 88%); clip-path: circle(42px at -13% 88%); } 25% { -webkit-clip-path: circle(118px at 20% 64%); clip-path: circle(118px at 20% 64%); } 50% { -webkit-clip-path: circle(153px at 130% -18%); clip-path: circle(153px at 130% -18%); } 75% { -webkit-clip-path: circle(119px at 90% 61%); clip-path: circle(119px at 90% 61%); } 100% { -webkit-clip-path: circle(95px at 112% 38%); clip-path: circle(95px at 112% 38%); } } #ui .text:nth-child(30) { color: #1d4186; -webkit-animation: clip29 18650ms ease-in-out infinite alternate; animation: clip29 18650ms ease-in-out infinite alternate; -webkit-filter: blur(12px); filter: blur(12px); } @-webkit-keyframes clip29 { 0% { -webkit-clip-path: circle(71px at 54% 105%); clip-path: circle(71px at 54% 105%); } 25% { -webkit-clip-path: circle(146px at 70% 120%); clip-path: circle(146px at 70% 120%); } 50% { -webkit-clip-path: circle(158px at -16% 94%); clip-path: circle(158px at -16% 94%); } 75% { -webkit-clip-path: circle(131px at 7% 57%); clip-path: circle(131px at 7% 57%); } 100% { -webkit-clip-path: circle(60px at 20% 27%); clip-path: circle(60px at 20% 27%); } } @keyframes clip29 { 0% { -webkit-clip-path: circle(71px at 54% 105%); clip-path: circle(71px at 54% 105%); } 25% { -webkit-clip-path: circle(146px at 70% 120%); clip-path: circle(146px at 70% 120%); } 50% { -webkit-clip-path: circle(158px at -16% 94%); clip-path: circle(158px at -16% 94%); } 75% { -webkit-clip-path: circle(131px at 7% 57%); clip-path: circle(131px at 7% 57%); } 100% { -webkit-clip-path: circle(60px at 20% 27%); clip-path: circle(60px at 20% 27%); } } #ui .text:nth-child(31) { color: #1936c7; -webkit-animation: clip30 13431ms ease-in-out infinite alternate; animation: clip30 13431ms ease-in-out infinite alternate; -webkit-filter: blur(3px); filter: blur(3px); } @-webkit-keyframes clip30 { 0% { -webkit-clip-path: circle(174px at 53% 120%); clip-path: circle(174px at 53% 120%); } 25% { -webkit-clip-path: circle(102px at 130% 98%); clip-path: circle(102px at 130% 98%); } 50% { -webkit-clip-path: circle(86px at 17% 44%); clip-path: circle(86px at 17% 44%); } 75% { -webkit-clip-path: circle(158px at 109% -17%); clip-path: circle(158px at 109% -17%); } 100% { -webkit-clip-path: circle(148px at 82% -19%); clip-path: circle(148px at 82% -19%); } } @keyframes clip30 { 0% { -webkit-clip-path: circle(174px at 53% 120%); clip-path: circle(174px at 53% 120%); } 25% { -webkit-clip-path: circle(102px at 130% 98%); clip-path: circle(102px at 130% 98%); } 50% { -webkit-clip-path: circle(86px at 17% 44%); clip-path: circle(86px at 17% 44%); } 75% { -webkit-clip-path: circle(158px at 109% -17%); clip-path: circle(158px at 109% -17%); } 100% { -webkit-clip-path: circle(148px at 82% -19%); clip-path: circle(148px at 82% -19%); } } #ui .text:nth-child(32) { color: #1d0df2; -webkit-animation: clip31 10440ms ease-in-out infinite alternate; animation: clip31 10440ms ease-in-out infinite alternate; -webkit-filter: blur(9px); filter: blur(9px); } @-webkit-keyframes clip31 { 0% { -webkit-clip-path: circle(111px at 0% 119%); clip-path: circle(111px at 0% 119%); } 25% { -webkit-clip-path: circle(88px at 64% 70%); clip-path: circle(88px at 64% 70%); } 50% { -webkit-clip-path: circle(85px at 75% 18%); clip-path: circle(85px at 75% 18%); } 75% { -webkit-clip-path: circle(122px at 36% 6%); clip-path: circle(122px at 36% 6%); } 100% { -webkit-clip-path: circle(36px at 124% 98%); clip-path: circle(36px at 124% 98%); } } @keyframes clip31 { 0% { -webkit-clip-path: circle(111px at 0% 119%); clip-path: circle(111px at 0% 119%); } 25% { -webkit-clip-path: circle(88px at 64% 70%); clip-path: circle(88px at 64% 70%); } 50% { -webkit-clip-path: circle(85px at 75% 18%); clip-path: circle(85px at 75% 18%); } 75% { -webkit-clip-path: circle(122px at 36% 6%); clip-path: circle(122px at 36% 6%); } 100% { -webkit-clip-path: circle(36px at 124% 98%); clip-path: circle(36px at 124% 98%); } } #ui .text:nth-child(33) { color: #082ca8; -webkit-animation: clip32 11651ms ease-in-out infinite alternate; animation: clip32 11651ms ease-in-out infinite alternate; -webkit-filter: blur(10px); filter: blur(10px); } @-webkit-keyframes clip32 { 0% { -webkit-clip-path: circle(180px at 82% 82%); clip-path: circle(180px at 82% 82%); } 25% { -webkit-clip-path: circle(136px at -6% 3%); clip-path: circle(136px at -6% 3%); } 50% { -webkit-clip-path: circle(142px at 32% -10%); clip-path: circle(142px at 32% -10%); } 75% { -webkit-clip-path: circle(97px at 21% -13%); clip-path: circle(97px at 21% -13%); } 100% { -webkit-clip-path: circle(75px at 68% 63%); clip-path: circle(75px at 68% 63%); } } @keyframes clip32 { 0% { -webkit-clip-path: circle(180px at 82% 82%); clip-path: circle(180px at 82% 82%); } 25% { -webkit-clip-path: circle(136px at -6% 3%); clip-path: circle(136px at -6% 3%); } 50% { -webkit-clip-path: circle(142px at 32% -10%); clip-path: circle(142px at 32% -10%); } 75% { -webkit-clip-path: circle(97px at 21% -13%); clip-path: circle(97px at 21% -13%); } 100% { -webkit-clip-path: circle(75px at 68% 63%); clip-path: circle(75px at 68% 63%); } } #ui .text:nth-child(34) { color: #0b04c5; -webkit-animation: clip33 16831ms ease-in-out infinite alternate; animation: clip33 16831ms ease-in-out infinite alternate; -webkit-filter: blur(-8px); filter: blur(-8px); } @-webkit-keyframes clip33 { 0% { -webkit-clip-path: circle(176px at 3% 44%); clip-path: circle(176px at 3% 44%); } 25% { -webkit-clip-path: circle(113px at 97% 84%); clip-path: circle(113px at 97% 84%); } 50% { -webkit-clip-path: circle(146px at -14% 101%); clip-path: circle(146px at -14% 101%); } 75% { -webkit-clip-path: circle(138px at 49% 89%); clip-path: circle(138px at 49% 89%); } 100% { -webkit-clip-path: circle(102px at 126% -19%); clip-path: circle(102px at 126% -19%); } } @keyframes clip33 { 0% { -webkit-clip-path: circle(176px at 3% 44%); clip-path: circle(176px at 3% 44%); } 25% { -webkit-clip-path: circle(113px at 97% 84%); clip-path: circle(113px at 97% 84%); } 50% { -webkit-clip-path: circle(146px at -14% 101%); clip-path: circle(146px at -14% 101%); } 75% { -webkit-clip-path: circle(138px at 49% 89%); clip-path: circle(138px at 49% 89%); } 100% { -webkit-clip-path: circle(102px at 126% -19%); clip-path: circle(102px at 126% -19%); } } #ui .text:nth-child(35) { color: #180e6e; -webkit-animation: clip34 19866ms ease-in-out infinite alternate; animation: clip34 19866ms ease-in-out infinite alternate; -webkit-filter: blur(13px); filter: blur(13px); } @-webkit-keyframes clip34 { 0% { -webkit-clip-path: circle(152px at 3% 67%); clip-path: circle(152px at 3% 67%); } 25% { -webkit-clip-path: circle(112px at 7% 107%); clip-path: circle(112px at 7% 107%); } 50% { -webkit-clip-path: circle(108px at 46% 130%); clip-path: circle(108px at 46% 130%); } 75% { -webkit-clip-path: circle(140px at 98% 34%); clip-path: circle(140px at 98% 34%); } 100% { -webkit-clip-path: circle(87px at 65% 63%); clip-path: circle(87px at 65% 63%); } } @keyframes clip34 { 0% { -webkit-clip-path: circle(152px at 3% 67%); clip-path: circle(152px at 3% 67%); } 25% { -webkit-clip-path: circle(112px at 7% 107%); clip-path: circle(112px at 7% 107%); } 50% { -webkit-clip-path: circle(108px at 46% 130%); clip-path: circle(108px at 46% 130%); } 75% { -webkit-clip-path: circle(140px at 98% 34%); clip-path: circle(140px at 98% 34%); } 100% { -webkit-clip-path: circle(87px at 65% 63%); clip-path: circle(87px at 65% 63%); } } #ui .text:nth-child(36) { color: #0956cf; -webkit-animation: clip35 19329ms ease-in-out infinite alternate; animation: clip35 19329ms ease-in-out infinite alternate; -webkit-filter: blur(6px); filter: blur(6px); } @-webkit-keyframes clip35 { 0% { -webkit-clip-path: circle(135px at 111% 48%); clip-path: circle(135px at 111% 48%); } 25% { -webkit-clip-path: circle(146px at 125% 122%); clip-path: circle(146px at 125% 122%); } 50% { -webkit-clip-path: circle(144px at 29% 26%); clip-path: circle(144px at 29% 26%); } 75% { -webkit-clip-path: circle(117px at 88% -2%); clip-path: circle(117px at 88% -2%); } 100% { -webkit-clip-path: circle(38px at 117% 73%); clip-path: circle(38px at 117% 73%); } } @keyframes clip35 { 0% { -webkit-clip-path: circle(135px at 111% 48%); clip-path: circle(135px at 111% 48%); } 25% { -webkit-clip-path: circle(146px at 125% 122%); clip-path: circle(146px at 125% 122%); } 50% { -webkit-clip-path: circle(144px at 29% 26%); clip-path: circle(144px at 29% 26%); } 75% { -webkit-clip-path: circle(117px at 88% -2%); clip-path: circle(117px at 88% -2%); } 100% { -webkit-clip-path: circle(38px at 117% 73%); clip-path: circle(38px at 117% 73%); } } #ui .text:nth-child(37) { color: #1c4c94; -webkit-animation: clip36 11088ms ease-in-out infinite alternate; animation: clip36 11088ms ease-in-out infinite alternate; -webkit-filter: blur(7px); filter: blur(7px); } @-webkit-keyframes clip36 { 0% { -webkit-clip-path: circle(116px at 127% 64%); clip-path: circle(116px at 127% 64%); } 25% { -webkit-clip-path: circle(165px at 48% 67%); clip-path: circle(165px at 48% 67%); } 50% { -webkit-clip-path: circle(103px at 20% -3%); clip-path: circle(103px at 20% -3%); } 75% { -webkit-clip-path: circle(151px at 56% 19%); clip-path: circle(151px at 56% 19%); } 100% { -webkit-clip-path: circle(110px at -24% -28%); clip-path: circle(110px at -24% -28%); } } @keyframes clip36 { 0% { -webkit-clip-path: circle(116px at 127% 64%); clip-path: circle(116px at 127% 64%); } 25% { -webkit-clip-path: circle(165px at 48% 67%); clip-path: circle(165px at 48% 67%); } 50% { -webkit-clip-path: circle(103px at 20% -3%); clip-path: circle(103px at 20% -3%); } 75% { -webkit-clip-path: circle(151px at 56% 19%); clip-path: circle(151px at 56% 19%); } 100% { -webkit-clip-path: circle(110px at -24% -28%); clip-path: circle(110px at -24% -28%); } } #ui .text:nth-child(38) { color: #091f8e; -webkit-animation: clip37 13399ms ease-in-out infinite alternate; animation: clip37 13399ms ease-in-out infinite alternate; -webkit-filter: blur(9px); filter: blur(9px); } @-webkit-keyframes clip37 { 0% { -webkit-clip-path: circle(58px at 56% 16%); clip-path: circle(58px at 56% 16%); } 25% { -webkit-clip-path: circle(143px at 19% -29%); clip-path: circle(143px at 19% -29%); } 50% { -webkit-clip-path: circle(154px at 49% 22%); clip-path: circle(154px at 49% 22%); } 75% { -webkit-clip-path: circle(35px at 62% 63%); clip-path: circle(35px at 62% 63%); } 100% { -webkit-clip-path: circle(69px at 84% 92%); clip-path: circle(69px at 84% 92%); } } @keyframes clip37 { 0% { -webkit-clip-path: circle(58px at 56% 16%); clip-path: circle(58px at 56% 16%); } 25% { -webkit-clip-path: circle(143px at 19% -29%); clip-path: circle(143px at 19% -29%); } 50% { -webkit-clip-path: circle(154px at 49% 22%); clip-path: circle(154px at 49% 22%); } 75% { -webkit-clip-path: circle(35px at 62% 63%); clip-path: circle(35px at 62% 63%); } 100% { -webkit-clip-path: circle(69px at 84% 92%); clip-path: circle(69px at 84% 92%); } } #ui .text:nth-child(39) { color: #1332fe; -webkit-animation: clip38 14922ms ease-in-out infinite alternate; animation: clip38 14922ms ease-in-out infinite alternate; -webkit-filter: blur(-1px); filter: blur(-1px); } @-webkit-keyframes clip38 { 0% { -webkit-clip-path: circle(36px at 97% 81%); clip-path: circle(36px at 97% 81%); } 25% { -webkit-clip-path: circle(175px at 31% 81%); clip-path: circle(175px at 31% 81%); } 50% { -webkit-clip-path: circle(138px at -27% 71%); clip-path: circle(138px at -27% 71%); } 75% { -webkit-clip-path: circle(57px at 39% 16%); clip-path: circle(57px at 39% 16%); } 100% { -webkit-clip-path: circle(113px at 100% 49%); clip-path: circle(113px at 100% 49%); } } @keyframes clip38 { 0% { -webkit-clip-path: circle(36px at 97% 81%); clip-path: circle(36px at 97% 81%); } 25% { -webkit-clip-path: circle(175px at 31% 81%); clip-path: circle(175px at 31% 81%); } 50% { -webkit-clip-path: circle(138px at -27% 71%); clip-path: circle(138px at -27% 71%); } 75% { -webkit-clip-path: circle(57px at 39% 16%); clip-path: circle(57px at 39% 16%); } 100% { -webkit-clip-path: circle(113px at 100% 49%); clip-path: circle(113px at 100% 49%); } } #ui .text:nth-child(40) { color: #150975; -webkit-animation: clip39 10791ms ease-in-out infinite alternate; animation: clip39 10791ms ease-in-out infinite alternate; -webkit-filter: blur(-9px); filter: blur(-9px); } @-webkit-keyframes clip39 { 0% { -webkit-clip-path: circle(102px at 49% 100%); clip-path: circle(102px at 49% 100%); } 25% { -webkit-clip-path: circle(61px at 121% 82%); clip-path: circle(61px at 121% 82%); } 50% { -webkit-clip-path: circle(100px at -25% 7%); clip-path: circle(100px at -25% 7%); } 75% { -webkit-clip-path: circle(93px at 91% 63%); clip-path: circle(93px at 91% 63%); } 100% { -webkit-clip-path: circle(133px at 111% 31%); clip-path: circle(133px at 111% 31%); } } @keyframes clip39 { 0% { -webkit-clip-path: circle(102px at 49% 100%); clip-path: circle(102px at 49% 100%); } 25% { -webkit-clip-path: circle(61px at 121% 82%); clip-path: circle(61px at 121% 82%); } 50% { -webkit-clip-path: circle(100px at -25% 7%); clip-path: circle(100px at -25% 7%); } 75% { -webkit-clip-path: circle(93px at 91% 63%); clip-path: circle(93px at 91% 63%); } 100% { -webkit-clip-path: circle(133px at 111% 31%); clip-path: circle(133px at 111% 31%); } } #ui .text:nth-child(41) { color: #1926d1; -webkit-animation: clip40 14087ms ease-in-out infinite alternate; animation: clip40 14087ms ease-in-out infinite alternate; -webkit-filter: blur(-8px); filter: blur(-8px); } @-webkit-keyframes clip40 { 0% { -webkit-clip-path: circle(48px at 92% 47%); clip-path: circle(48px at 92% 47%); } 25% { -webkit-clip-path: circle(178px at 128% 58%); clip-path: circle(178px at 128% 58%); } 50% { -webkit-clip-path: circle(54px at -28% 65%); clip-path: circle(54px at -28% 65%); } 75% { -webkit-clip-path: circle(37px at 21% 68%); clip-path: circle(37px at 21% 68%); } 100% { -webkit-clip-path: circle(164px at 4% 116%); clip-path: circle(164px at 4% 116%); } } @keyframes clip40 { 0% { -webkit-clip-path: circle(48px at 92% 47%); clip-path: circle(48px at 92% 47%); } 25% { -webkit-clip-path: circle(178px at 128% 58%); clip-path: circle(178px at 128% 58%); } 50% { -webkit-clip-path: circle(54px at -28% 65%); clip-path: circle(54px at -28% 65%); } 75% { -webkit-clip-path: circle(37px at 21% 68%); clip-path: circle(37px at 21% 68%); } 100% { -webkit-clip-path: circle(164px at 4% 116%); clip-path: circle(164px at 4% 116%); } } #ui .text:nth-child(42) { color: #055767; -webkit-animation: clip41 15695ms ease-in-out infinite alternate; animation: clip41 15695ms ease-in-out infinite alternate; -webkit-filter: blur(14px); filter: blur(14px); } @-webkit-keyframes clip41 { 0% { -webkit-clip-path: circle(74px at 61% 67%); clip-path: circle(74px at 61% 67%); } 25% { -webkit-clip-path: circle(100px at -1% 20%); clip-path: circle(100px at -1% 20%); } 50% { -webkit-clip-path: circle(60px at 3% 103%); clip-path: circle(60px at 3% 103%); } 75% { -webkit-clip-path: circle(176px at 90% 111%); clip-path: circle(176px at 90% 111%); } 100% { -webkit-clip-path: circle(180px at 20% -11%); clip-path: circle(180px at 20% -11%); } } @keyframes clip41 { 0% { -webkit-clip-path: circle(74px at 61% 67%); clip-path: circle(74px at 61% 67%); } 25% { -webkit-clip-path: circle(100px at -1% 20%); clip-path: circle(100px at -1% 20%); } 50% { -webkit-clip-path: circle(60px at 3% 103%); clip-path: circle(60px at 3% 103%); } 75% { -webkit-clip-path: circle(176px at 90% 111%); clip-path: circle(176px at 90% 111%); } 100% { -webkit-clip-path: circle(180px at 20% -11%); clip-path: circle(180px at 20% -11%); } } #ui .text:nth-child(43) { color: #0a5cfe; -webkit-animation: clip42 15910ms ease-in-out infinite alternate; animation: clip42 15910ms ease-in-out infinite alternate; -webkit-filter: blur(9px); filter: blur(9px); } @-webkit-keyframes clip42 { 0% { -webkit-clip-path: circle(92px at -22% -10%); clip-path: circle(92px at -22% -10%); } 25% { -webkit-clip-path: circle(147px at 8% 42%); clip-path: circle(147px at 8% 42%); } 50% { -webkit-clip-path: circle(35px at 29% 67%); clip-path: circle(35px at 29% 67%); } 75% { -webkit-clip-path: circle(135px at 33% 21%); clip-path: circle(135px at 33% 21%); } 100% { -webkit-clip-path: circle(66px at 77% -3%); clip-path: circle(66px at 77% -3%); } } @keyframes clip42 { 0% { -webkit-clip-path: circle(92px at -22% -10%); clip-path: circle(92px at -22% -10%); } 25% { -webkit-clip-path: circle(147px at 8% 42%); clip-path: circle(147px at 8% 42%); } 50% { -webkit-clip-path: circle(35px at 29% 67%); clip-path: circle(35px at 29% 67%); } 75% { -webkit-clip-path: circle(135px at 33% 21%); clip-path: circle(135px at 33% 21%); } 100% { -webkit-clip-path: circle(66px at 77% -3%); clip-path: circle(66px at 77% -3%); } } #ui .text:nth-child(44) { color: #054971; -webkit-animation: clip43 12792ms ease-in-out infinite alternate; animation: clip43 12792ms ease-in-out infinite alternate; -webkit-filter: blur(11px); filter: blur(11px); } @-webkit-keyframes clip43 { 0% { -webkit-clip-path: circle(172px at -21% 72%); clip-path: circle(172px at -21% 72%); } 25% { -webkit-clip-path: circle(101px at 19% 126%); clip-path: circle(101px at 19% 126%); } 50% { -webkit-clip-path: circle(78px at 23% 112%); clip-path: circle(78px at 23% 112%); } 75% { -webkit-clip-path: circle(174px at 23% -10%); clip-path: circle(174px at 23% -10%); } 100% { -webkit-clip-path: circle(65px at 89% 99%); clip-path: circle(65px at 89% 99%); } } @keyframes clip43 { 0% { -webkit-clip-path: circle(172px at -21% 72%); clip-path: circle(172px at -21% 72%); } 25% { -webkit-clip-path: circle(101px at 19% 126%); clip-path: circle(101px at 19% 126%); } 50% { -webkit-clip-path: circle(78px at 23% 112%); clip-path: circle(78px at 23% 112%); } 75% { -webkit-clip-path: circle(174px at 23% -10%); clip-path: circle(174px at 23% -10%); } 100% { -webkit-clip-path: circle(65px at 89% 99%); clip-path: circle(65px at 89% 99%); } } #ui .text:nth-child(45) { color: #0b2590; -webkit-animation: clip44 17003ms ease-in-out infinite alternate; animation: clip44 17003ms ease-in-out infinite alternate; -webkit-filter: blur(10px); filter: blur(10px); } @-webkit-keyframes clip44 { 0% { -webkit-clip-path: circle(74px at 115% -4%); clip-path: circle(74px at 115% -4%); } 25% { -webkit-clip-path: circle(101px at 96% 65%); clip-path: circle(101px at 96% 65%); } 50% { -webkit-clip-path: circle(159px at 47% 119%); clip-path: circle(159px at 47% 119%); } 75% { -webkit-clip-path: circle(71px at -21% -29%); clip-path: circle(71px at -21% -29%); } 100% { -webkit-clip-path: circle(119px at -11% 72%); clip-path: circle(119px at -11% 72%); } } @keyframes clip44 { 0% { -webkit-clip-path: circle(74px at 115% -4%); clip-path: circle(74px at 115% -4%); } 25% { -webkit-clip-path: circle(101px at 96% 65%); clip-path: circle(101px at 96% 65%); } 50% { -webkit-clip-path: circle(159px at 47% 119%); clip-path: circle(159px at 47% 119%); } 75% { -webkit-clip-path: circle(71px at -21% -29%); clip-path: circle(71px at -21% -29%); } 100% { -webkit-clip-path: circle(119px at -11% 72%); clip-path: circle(119px at -11% 72%); } } #ui .text:nth-child(46) { color: #1028b5; -webkit-animation: clip45 16879ms ease-in-out infinite alternate; animation: clip45 16879ms ease-in-out infinite alternate; -webkit-filter: blur(-2px); filter: blur(-2px); } @-webkit-keyframes clip45 { 0% { -webkit-clip-path: circle(148px at 36% 60%); clip-path: circle(148px at 36% 60%); } 25% { -webkit-clip-path: circle(76px at 37% -3%); clip-path: circle(76px at 37% -3%); } 50% { -webkit-clip-path: circle(113px at 72% 16%); clip-path: circle(113px at 72% 16%); } 75% { -webkit-clip-path: circle(99px at 30% 118%); clip-path: circle(99px at 30% 118%); } 100% { -webkit-clip-path: circle(63px at 80% 104%); clip-path: circle(63px at 80% 104%); } } @keyframes clip45 { 0% { -webkit-clip-path: circle(148px at 36% 60%); clip-path: circle(148px at 36% 60%); } 25% { -webkit-clip-path: circle(76px at 37% -3%); clip-path: circle(76px at 37% -3%); } 50% { -webkit-clip-path: circle(113px at 72% 16%); clip-path: circle(113px at 72% 16%); } 75% { -webkit-clip-path: circle(99px at 30% 118%); clip-path: circle(99px at 30% 118%); } 100% { -webkit-clip-path: circle(63px at 80% 104%); clip-path: circle(63px at 80% 104%); } } #ui .text:nth-child(47) { color: #1539b0; -webkit-animation: clip46 10601ms ease-in-out infinite alternate; animation: clip46 10601ms ease-in-out infinite alternate; -webkit-filter: blur(-5px); filter: blur(-5px); } @-webkit-keyframes clip46 { 0% { -webkit-clip-path: circle(41px at -15% 72%); clip-path: circle(41px at -15% 72%); } 25% { -webkit-clip-path: circle(73px at 12% 120%); clip-path: circle(73px at 12% 120%); } 50% { -webkit-clip-path: circle(79px at 43% 93%); clip-path: circle(79px at 43% 93%); } 75% { -webkit-clip-path: circle(139px at 0% 16%); clip-path: circle(139px at 0% 16%); } 100% { -webkit-clip-path: circle(52px at -24% 62%); clip-path: circle(52px at -24% 62%); } } @keyframes clip46 { 0% { -webkit-clip-path: circle(41px at -15% 72%); clip-path: circle(41px at -15% 72%); } 25% { -webkit-clip-path: circle(73px at 12% 120%); clip-path: circle(73px at 12% 120%); } 50% { -webkit-clip-path: circle(79px at 43% 93%); clip-path: circle(79px at 43% 93%); } 75% { -webkit-clip-path: circle(139px at 0% 16%); clip-path: circle(139px at 0% 16%); } 100% { -webkit-clip-path: circle(52px at -24% 62%); clip-path: circle(52px at -24% 62%); } } #ui .text:nth-child(48) { color: #1c5ae8; -webkit-animation: clip47 16433ms ease-in-out infinite alternate; animation: clip47 16433ms ease-in-out infinite alternate; -webkit-filter: blur(-4px); filter: blur(-4px); } @-webkit-keyframes clip47 { 0% { -webkit-clip-path: circle(85px at -17% 35%); clip-path: circle(85px at -17% 35%); } 25% { -webkit-clip-path: circle(152px at -8% 61%); clip-path: circle(152px at -8% 61%); } 50% { -webkit-clip-path: circle(178px at 3% 1%); clip-path: circle(178px at 3% 1%); } 75% { -webkit-clip-path: circle(78px at -28% 11%); clip-path: circle(78px at -28% 11%); } 100% { -webkit-clip-path: circle(107px at 50% 73%); clip-path: circle(107px at 50% 73%); } } @keyframes clip47 { 0% { -webkit-clip-path: circle(85px at -17% 35%); clip-path: circle(85px at -17% 35%); } 25% { -webkit-clip-path: circle(152px at -8% 61%); clip-path: circle(152px at -8% 61%); } 50% { -webkit-clip-path: circle(178px at 3% 1%); clip-path: circle(178px at 3% 1%); } 75% { -webkit-clip-path: circle(78px at -28% 11%); clip-path: circle(78px at -28% 11%); } 100% { -webkit-clip-path: circle(107px at 50% 73%); clip-path: circle(107px at 50% 73%); } } #ui .text:nth-child(49) { color: #042ca5; -webkit-animation: clip48 11053ms ease-in-out infinite alternate; animation: clip48 11053ms ease-in-out infinite alternate; -webkit-filter: blur(6px); filter: blur(6px); } @-webkit-keyframes clip48 { 0% { -webkit-clip-path: circle(102px at 14% -18%); clip-path: circle(102px at 14% -18%); } 25% { -webkit-clip-path: circle(165px at 46% 51%); clip-path: circle(165px at 46% 51%); } 50% { -webkit-clip-path: circle(94px at -13% -21%); clip-path: circle(94px at -13% -21%); } 75% { -webkit-clip-path: circle(172px at 10% 90%); clip-path: circle(172px at 10% 90%); } 100% { -webkit-clip-path: circle(117px at 76% 40%); clip-path: circle(117px at 76% 40%); } } @keyframes clip48 { 0% { -webkit-clip-path: circle(102px at 14% -18%); clip-path: circle(102px at 14% -18%); } 25% { -webkit-clip-path: circle(165px at 46% 51%); clip-path: circle(165px at 46% 51%); } 50% { -webkit-clip-path: circle(94px at -13% -21%); clip-path: circle(94px at -13% -21%); } 75% { -webkit-clip-path: circle(172px at 10% 90%); clip-path: circle(172px at 10% 90%); } 100% { -webkit-clip-path: circle(117px at 76% 40%); clip-path: circle(117px at 76% 40%); } } #ui .text:nth-child(50) { color: #102479; -webkit-animation: clip49 13568ms ease-in-out infinite alternate; animation: clip49 13568ms ease-in-out infinite alternate; -webkit-filter: blur(-6px); filter: blur(-6px); } @-webkit-keyframes clip49 { 0% { -webkit-clip-path: circle(161px at 115% -4%); clip-path: circle(161px at 115% -4%); } 25% { -webkit-clip-path: circle(70px at 56% 8%); clip-path: circle(70px at 56% 8%); } 50% { -webkit-clip-path: circle(51px at -20% 57%); clip-path: circle(51px at -20% 57%); } 75% { -webkit-clip-path: circle(180px at -15% 113%); clip-path: circle(180px at -15% 113%); } 100% { -webkit-clip-path: circle(160px at 19% 44%); clip-path: circle(160px at 19% 44%); } } @keyframes clip49 { 0% { -webkit-clip-path: circle(161px at 115% -4%); clip-path: circle(161px at 115% -4%); } 25% { -webkit-clip-path: circle(70px at 56% 8%); clip-path: circle(70px at 56% 8%); } 50% { -webkit-clip-path: circle(51px at -20% 57%); clip-path: circle(51px at -20% 57%); } 75% { -webkit-clip-path: circle(180px at -15% 113%); clip-path: circle(180px at -15% 113%); } 100% { -webkit-clip-path: circle(160px at 19% 44%); clip-path: circle(160px at 19% 44%); } } #ui .text:nth-child(51) { color: #173ce3; -webkit-animation: clip50 10357ms ease-in-out infinite alternate; animation: clip50 10357ms ease-in-out infinite alternate; -webkit-filter: blur(-8px); filter: blur(-8px); } @-webkit-keyframes clip50 { 0% { -webkit-clip-path: circle(172px at 44% 79%); clip-path: circle(172px at 44% 79%); } 25% { -webkit-clip-path: circle(138px at 3% 86%); clip-path: circle(138px at 3% 86%); } 50% { -webkit-clip-path: circle(178px at 53% -8%); clip-path: circle(178px at 53% -8%); } 75% { -webkit-clip-path: circle(100px at 22% 89%); clip-path: circle(100px at 22% 89%); } 100% { -webkit-clip-path: circle(61px at 93% 18%); clip-path: circle(61px at 93% 18%); } } @keyframes clip50 { 0% { -webkit-clip-path: circle(172px at 44% 79%); clip-path: circle(172px at 44% 79%); } 25% { -webkit-clip-path: circle(138px at 3% 86%); clip-path: circle(138px at 3% 86%); } 50% { -webkit-clip-path: circle(178px at 53% -8%); clip-path: circle(178px at 53% -8%); } 75% { -webkit-clip-path: circle(100px at 22% 89%); clip-path: circle(100px at 22% 89%); } 100% { -webkit-clip-path: circle(61px at 93% 18%); clip-path: circle(61px at 93% 18%); } } #ui .text:nth-child(52) { color: #1818f4; -webkit-animation: clip51 18614ms ease-in-out infinite alternate; animation: clip51 18614ms ease-in-out infinite alternate; -webkit-filter: blur(-1px); filter: blur(-1px); } @-webkit-keyframes clip51 { 0% { -webkit-clip-path: circle(105px at 66% 53%); clip-path: circle(105px at 66% 53%); } 25% { -webkit-clip-path: circle(180px at 54% 111%); clip-path: circle(180px at 54% 111%); } 50% { -webkit-clip-path: circle(175px at 53% -24%); clip-path: circle(175px at 53% -24%); } 75% { -webkit-clip-path: circle(138px at -10% 130%); clip-path: circle(138px at -10% 130%); } 100% { -webkit-clip-path: circle(51px at 129% 26%); clip-path: circle(51px at 129% 26%); } } @keyframes clip51 { 0% { -webkit-clip-path: circle(105px at 66% 53%); clip-path: circle(105px at 66% 53%); } 25% { -webkit-clip-path: circle(180px at 54% 111%); clip-path: circle(180px at 54% 111%); } 50% { -webkit-clip-path: circle(175px at 53% -24%); clip-path: circle(175px at 53% -24%); } 75% { -webkit-clip-path: circle(138px at -10% 130%); clip-path: circle(138px at -10% 130%); } 100% { -webkit-clip-path: circle(51px at 129% 26%); clip-path: circle(51px at 129% 26%); } } #ui .text:nth-child(53) { color: #0f41d9; -webkit-animation: clip52 14681ms ease-in-out infinite alternate; animation: clip52 14681ms ease-in-out infinite alternate; -webkit-filter: blur(10px); filter: blur(10px); } @-webkit-keyframes clip52 { 0% { -webkit-clip-path: circle(99px at 105% 96%); clip-path: circle(99px at 105% 96%); } 25% { -webkit-clip-path: circle(53px at 15% 105%); clip-path: circle(53px at 15% 105%); } 50% { -webkit-clip-path: circle(60px at 81% 109%); clip-path: circle(60px at 81% 109%); } 75% { -webkit-clip-path: circle(61px at 72% -24%); clip-path: circle(61px at 72% -24%); } 100% { -webkit-clip-path: circle(138px at 84% 94%); clip-path: circle(138px at 84% 94%); } } @keyframes clip52 { 0% { -webkit-clip-path: circle(99px at 105% 96%); clip-path: circle(99px at 105% 96%); } 25% { -webkit-clip-path: circle(53px at 15% 105%); clip-path: circle(53px at 15% 105%); } 50% { -webkit-clip-path: circle(60px at 81% 109%); clip-path: circle(60px at 81% 109%); } 75% { -webkit-clip-path: circle(61px at 72% -24%); clip-path: circle(61px at 72% -24%); } 100% { -webkit-clip-path: circle(138px at 84% 94%); clip-path: circle(138px at 84% 94%); } } #ui .text:nth-child(54) { color: #0c2287; -webkit-animation: clip53 17723ms ease-in-out infinite alternate; animation: clip53 17723ms ease-in-out infinite alternate; -webkit-filter: blur(7px); filter: blur(7px); } @-webkit-keyframes clip53 { 0% { -webkit-clip-path: circle(87px at -22% 10%); clip-path: circle(87px at -22% 10%); } 25% { -webkit-clip-path: circle(93px at 46% 121%); clip-path: circle(93px at 46% 121%); } 50% { -webkit-clip-path: circle(127px at 45% 46%); clip-path: circle(127px at 45% 46%); } 75% { -webkit-clip-path: circle(36px at 33% 0%); clip-path: circle(36px at 33% 0%); } 100% { -webkit-clip-path: circle(150px at 71% 86%); clip-path: circle(150px at 71% 86%); } } @keyframes clip53 { 0% { -webkit-clip-path: circle(87px at -22% 10%); clip-path: circle(87px at -22% 10%); } 25% { -webkit-clip-path: circle(93px at 46% 121%); clip-path: circle(93px at 46% 121%); } 50% { -webkit-clip-path: circle(127px at 45% 46%); clip-path: circle(127px at 45% 46%); } 75% { -webkit-clip-path: circle(36px at 33% 0%); clip-path: circle(36px at 33% 0%); } 100% { -webkit-clip-path: circle(150px at 71% 86%); clip-path: circle(150px at 71% 86%); } } #ui .text:nth-child(55) { color: #1a3aef; -webkit-animation: clip54 15976ms ease-in-out infinite alternate; animation: clip54 15976ms ease-in-out infinite alternate; -webkit-filter: blur(-1px); filter: blur(-1px); } @-webkit-keyframes clip54 { 0% { -webkit-clip-path: circle(179px at 4% 7%); clip-path: circle(179px at 4% 7%); } 25% { -webkit-clip-path: circle(170px at 67% 34%); clip-path: circle(170px at 67% 34%); } 50% { -webkit-clip-path: circle(52px at 33% 5%); clip-path: circle(52px at 33% 5%); } 75% { -webkit-clip-path: circle(149px at 110% 22%); clip-path: circle(149px at 110% 22%); } 100% { -webkit-clip-path: circle(52px at 72% -5%); clip-path: circle(52px at 72% -5%); } } @keyframes clip54 { 0% { -webkit-clip-path: circle(179px at 4% 7%); clip-path: circle(179px at 4% 7%); } 25% { -webkit-clip-path: circle(170px at 67% 34%); clip-path: circle(170px at 67% 34%); } 50% { -webkit-clip-path: circle(52px at 33% 5%); clip-path: circle(52px at 33% 5%); } 75% { -webkit-clip-path: circle(149px at 110% 22%); clip-path: circle(149px at 110% 22%); } 100% { -webkit-clip-path: circle(52px at 72% -5%); clip-path: circle(52px at 72% -5%); } } #ui .text:nth-child(56) { color: #1854d8; -webkit-animation: clip55 17091ms ease-in-out infinite alternate; animation: clip55 17091ms ease-in-out infinite alternate; -webkit-filter: blur(0px); filter: blur(0px); } @-webkit-keyframes clip55 { 0% { -webkit-clip-path: circle(52px at 9% 1%); clip-path: circle(52px at 9% 1%); } 25% { -webkit-clip-path: circle(130px at 38% -15%); clip-path: circle(130px at 38% -15%); } 50% { -webkit-clip-path: circle(169px at 9% -13%); clip-path: circle(169px at 9% -13%); } 75% { -webkit-clip-path: circle(158px at 28% -18%); clip-path: circle(158px at 28% -18%); } 100% { -webkit-clip-path: circle(113px at 43% 73%); clip-path: circle(113px at 43% 73%); } } @keyframes clip55 { 0% { -webkit-clip-path: circle(52px at 9% 1%); clip-path: circle(52px at 9% 1%); } 25% { -webkit-clip-path: circle(130px at 38% -15%); clip-path: circle(130px at 38% -15%); } 50% { -webkit-clip-path: circle(169px at 9% -13%); clip-path: circle(169px at 9% -13%); } 75% { -webkit-clip-path: circle(158px at 28% -18%); clip-path: circle(158px at 28% -18%); } 100% { -webkit-clip-path: circle(113px at 43% 73%); clip-path: circle(113px at 43% 73%); } } #ui .text:nth-child(57) { color: #0618b7; -webkit-animation: clip56 10880ms ease-in-out infinite alternate; animation: clip56 10880ms ease-in-out infinite alternate; -webkit-filter: blur(8px); filter: blur(8px); } @-webkit-keyframes clip56 { 0% { -webkit-clip-path: circle(125px at 7% 61%); clip-path: circle(125px at 7% 61%); } 25% { -webkit-clip-path: circle(120px at 18% 21%); clip-path: circle(120px at 18% 21%); } 50% { -webkit-clip-path: circle(161px at 23% 115%); clip-path: circle(161px at 23% 115%); } 75% { -webkit-clip-path: circle(124px at 114% -7%); clip-path: circle(124px at 114% -7%); } 100% { -webkit-clip-path: circle(64px at 126% 3%); clip-path: circle(64px at 126% 3%); } } @keyframes clip56 { 0% { -webkit-clip-path: circle(125px at 7% 61%); clip-path: circle(125px at 7% 61%); } 25% { -webkit-clip-path: circle(120px at 18% 21%); clip-path: circle(120px at 18% 21%); } 50% { -webkit-clip-path: circle(161px at 23% 115%); clip-path: circle(161px at 23% 115%); } 75% { -webkit-clip-path: circle(124px at 114% -7%); clip-path: circle(124px at 114% -7%); } 100% { -webkit-clip-path: circle(64px at 126% 3%); clip-path: circle(64px at 126% 3%); } } #ui .text:nth-child(58) { color: #0e30d0; -webkit-animation: clip57 10577ms ease-in-out infinite alternate; animation: clip57 10577ms ease-in-out infinite alternate; -webkit-filter: blur(11px); filter: blur(11px); } @-webkit-keyframes clip57 { 0% { -webkit-clip-path: circle(135px at 72% 13%); clip-path: circle(135px at 72% 13%); } 25% { -webkit-clip-path: circle(179px at 106% -16%); clip-path: circle(179px at 106% -16%); } 50% { -webkit-clip-path: circle(131px at -28% 121%); clip-path: circle(131px at -28% 121%); } 75% { -webkit-clip-path: circle(132px at -15% 11%); clip-path: circle(132px at -15% 11%); } 100% { -webkit-clip-path: circle(113px at -3% -5%); clip-path: circle(113px at -3% -5%); } } @keyframes clip57 { 0% { -webkit-clip-path: circle(135px at 72% 13%); clip-path: circle(135px at 72% 13%); } 25% { -webkit-clip-path: circle(179px at 106% -16%); clip-path: circle(179px at 106% -16%); } 50% { -webkit-clip-path: circle(131px at -28% 121%); clip-path: circle(131px at -28% 121%); } 75% { -webkit-clip-path: circle(132px at -15% 11%); clip-path: circle(132px at -15% 11%); } 100% { -webkit-clip-path: circle(113px at -3% -5%); clip-path: circle(113px at -3% -5%); } } #ui .text:nth-child(59) { color: #1320f8; -webkit-animation: clip58 11136ms ease-in-out infinite alternate; animation: clip58 11136ms ease-in-out infinite alternate; -webkit-filter: blur(3px); filter: blur(3px); } @-webkit-keyframes clip58 { 0% { -webkit-clip-path: circle(102px at 13% 127%); clip-path: circle(102px at 13% 127%); } 25% { -webkit-clip-path: circle(56px at -2% -19%); clip-path: circle(56px at -2% -19%); } 50% { -webkit-clip-path: circle(146px at -25% 46%); clip-path: circle(146px at -25% 46%); } 75% { -webkit-clip-path: circle(102px at 85% 92%); clip-path: circle(102px at 85% 92%); } 100% { -webkit-clip-path: circle(99px at 52% 6%); clip-path: circle(99px at 52% 6%); } } @keyframes clip58 { 0% { -webkit-clip-path: circle(102px at 13% 127%); clip-path: circle(102px at 13% 127%); } 25% { -webkit-clip-path: circle(56px at -2% -19%); clip-path: circle(56px at -2% -19%); } 50% { -webkit-clip-path: circle(146px at -25% 46%); clip-path: circle(146px at -25% 46%); } 75% { -webkit-clip-path: circle(102px at 85% 92%); clip-path: circle(102px at 85% 92%); } 100% { -webkit-clip-path: circle(99px at 52% 6%); clip-path: circle(99px at 52% 6%); } } #ui .text:nth-child(60) { color: #0d61e4; -webkit-animation: clip59 11579ms ease-in-out infinite alternate; animation: clip59 11579ms ease-in-out infinite alternate; -webkit-filter: blur(-9px); filter: blur(-9px); } @-webkit-keyframes clip59 { 0% { -webkit-clip-path: circle(32px at 92% 67%); clip-path: circle(32px at 92% 67%); } 25% { -webkit-clip-path: circle(82px at -18% 6%); clip-path: circle(82px at -18% 6%); } 50% { -webkit-clip-path: circle(74px at 16% 80%); clip-path: circle(74px at 16% 80%); } 75% { -webkit-clip-path: circle(89px at 5% -6%); clip-path: circle(89px at 5% -6%); } 100% { -webkit-clip-path: circle(68px at 2% 63%); clip-path: circle(68px at 2% 63%); } } @keyframes clip59 { 0% { -webkit-clip-path: circle(32px at 92% 67%); clip-path: circle(32px at 92% 67%); } 25% { -webkit-clip-path: circle(82px at -18% 6%); clip-path: circle(82px at -18% 6%); } 50% { -webkit-clip-path: circle(74px at 16% 80%); clip-path: circle(74px at 16% 80%); } 75% { -webkit-clip-path: circle(89px at 5% -6%); clip-path: circle(89px at 5% -6%); } 100% { -webkit-clip-path: circle(68px at 2% 63%); clip-path: circle(68px at 2% 63%); } } #ui .text:nth-child(61) { color: #0d0ea0; -webkit-animation: clip60 13214ms ease-in-out infinite alternate; animation: clip60 13214ms ease-in-out infinite alternate; -webkit-filter: blur(14px); filter: blur(14px); } @-webkit-keyframes clip60 { 0% { -webkit-clip-path: circle(153px at 3% 112%); clip-path: circle(153px at 3% 112%); } 25% { -webkit-clip-path: circle(175px at 88% 61%); clip-path: circle(175px at 88% 61%); } 50% { -webkit-clip-path: circle(162px at -12% -9%); clip-path: circle(162px at -12% -9%); } 75% { -webkit-clip-path: circle(153px at 111% 15%); clip-path: circle(153px at 111% 15%); } 100% { -webkit-clip-path: circle(149px at 11% 54%); clip-path: circle(149px at 11% 54%); } } @keyframes clip60 { 0% { -webkit-clip-path: circle(153px at 3% 112%); clip-path: circle(153px at 3% 112%); } 25% { -webkit-clip-path: circle(175px at 88% 61%); clip-path: circle(175px at 88% 61%); } 50% { -webkit-clip-path: circle(162px at -12% -9%); clip-path: circle(162px at -12% -9%); } 75% { -webkit-clip-path: circle(153px at 111% 15%); clip-path: circle(153px at 111% 15%); } 100% { -webkit-clip-path: circle(149px at 11% 54%); clip-path: circle(149px at 11% 54%); } } #ui .text:nth-child(62) { color: #151ad5; -webkit-animation: clip61 19155ms ease-in-out infinite alternate; animation: clip61 19155ms ease-in-out infinite alternate; -webkit-filter: blur(8px); filter: blur(8px); } @-webkit-keyframes clip61 { 0% { -webkit-clip-path: circle(105px at 36% 55%); clip-path: circle(105px at 36% 55%); } 25% { -webkit-clip-path: circle(120px at 7% 112%); clip-path: circle(120px at 7% 112%); } 50% { -webkit-clip-path: circle(180px at -26% 30%); clip-path: circle(180px at -26% 30%); } 75% { -webkit-clip-path: circle(132px at 17% 120%); clip-path: circle(132px at 17% 120%); } 100% { -webkit-clip-path: circle(56px at 38% 95%); clip-path: circle(56px at 38% 95%); } } @keyframes clip61 { 0% { -webkit-clip-path: circle(105px at 36% 55%); clip-path: circle(105px at 36% 55%); } 25% { -webkit-clip-path: circle(120px at 7% 112%); clip-path: circle(120px at 7% 112%); } 50% { -webkit-clip-path: circle(180px at -26% 30%); clip-path: circle(180px at -26% 30%); } 75% { -webkit-clip-path: circle(132px at 17% 120%); clip-path: circle(132px at 17% 120%); } 100% { -webkit-clip-path: circle(56px at 38% 95%); clip-path: circle(56px at 38% 95%); } } #ui .text:nth-child(63) { color: #112272; -webkit-animation: clip62 12480ms ease-in-out infinite alternate; animation: clip62 12480ms ease-in-out infinite alternate; -webkit-filter: blur(14px); filter: blur(14px); } @-webkit-keyframes clip62 { 0% { -webkit-clip-path: circle(48px at 3% 30%); clip-path: circle(48px at 3% 30%); } 25% { -webkit-clip-path: circle(160px at 88% 129%); clip-path: circle(160px at 88% 129%); } 50% { -webkit-clip-path: circle(154px at 111% 75%); clip-path: circle(154px at 111% 75%); } 75% { -webkit-clip-path: circle(44px at -16% 65%); clip-path: circle(44px at -16% 65%); } 100% { -webkit-clip-path: circle(149px at 17% 29%); clip-path: circle(149px at 17% 29%); } } @keyframes clip62 { 0% { -webkit-clip-path: circle(48px at 3% 30%); clip-path: circle(48px at 3% 30%); } 25% { -webkit-clip-path: circle(160px at 88% 129%); clip-path: circle(160px at 88% 129%); } 50% { -webkit-clip-path: circle(154px at 111% 75%); clip-path: circle(154px at 111% 75%); } 75% { -webkit-clip-path: circle(44px at -16% 65%); clip-path: circle(44px at -16% 65%); } 100% { -webkit-clip-path: circle(149px at 17% 29%); clip-path: circle(149px at 17% 29%); } } #ui .text:nth-child(64) { color: #1635b7; -webkit-animation: clip63 14828ms ease-in-out infinite alternate; animation: clip63 14828ms ease-in-out infinite alternate; -webkit-filter: blur(-2px); filter: blur(-2px); } @-webkit-keyframes clip63 { 0% { -webkit-clip-path: circle(79px at 33% 113%); clip-path: circle(79px at 33% 113%); } 25% { -webkit-clip-path: circle(104px at 47% 78%); clip-path: circle(104px at 47% 78%); } 50% { -webkit-clip-path: circle(162px at 10% 40%); clip-path: circle(162px at 10% 40%); } 75% { -webkit-clip-path: circle(113px at 82% 102%); clip-path: circle(113px at 82% 102%); } 100% { -webkit-clip-path: circle(41px at 93% 8%); clip-path: circle(41px at 93% 8%); } } @keyframes clip63 { 0% { -webkit-clip-path: circle(79px at 33% 113%); clip-path: circle(79px at 33% 113%); } 25% { -webkit-clip-path: circle(104px at 47% 78%); clip-path: circle(104px at 47% 78%); } 50% { -webkit-clip-path: circle(162px at 10% 40%); clip-path: circle(162px at 10% 40%); } 75% { -webkit-clip-path: circle(113px at 82% 102%); clip-path: circle(113px at 82% 102%); } 100% { -webkit-clip-path: circle(41px at 93% 8%); clip-path: circle(41px at 93% 8%); } } #ui .text:nth-child(65) { color: #0f117a; -webkit-animation: clip64 14664ms ease-in-out infinite alternate; animation: clip64 14664ms ease-in-out infinite alternate; -webkit-filter: blur(-7px); filter: blur(-7px); } @-webkit-keyframes clip64 { 0% { -webkit-clip-path: circle(136px at 126% 108%); clip-path: circle(136px at 126% 108%); } 25% { -webkit-clip-path: circle(112px at -4% 114%); clip-path: circle(112px at -4% 114%); } 50% { -webkit-clip-path: circle(61px at 9% 117%); clip-path: circle(61px at 9% 117%); } 75% { -webkit-clip-path: circle(75px at 130% 48%); clip-path: circle(75px at 130% 48%); } 100% { -webkit-clip-path: circle(79px at -23% -3%); clip-path: circle(79px at -23% -3%); } } @keyframes clip64 { 0% { -webkit-clip-path: circle(136px at 126% 108%); clip-path: circle(136px at 126% 108%); } 25% { -webkit-clip-path: circle(112px at -4% 114%); clip-path: circle(112px at -4% 114%); } 50% { -webkit-clip-path: circle(61px at 9% 117%); clip-path: circle(61px at 9% 117%); } 75% { -webkit-clip-path: circle(75px at 130% 48%); clip-path: circle(75px at 130% 48%); } 100% { -webkit-clip-path: circle(79px at -23% -3%); clip-path: circle(79px at -23% -3%); } } #ui .text:nth-child(66) { color: #165fdb; -webkit-animation: clip65 10956ms ease-in-out infinite alternate; animation: clip65 10956ms ease-in-out infinite alternate; -webkit-filter: blur(-7px); filter: blur(-7px); } @-webkit-keyframes clip65 { 0% { -webkit-clip-path: circle(76px at -7% 85%); clip-path: circle(76px at -7% 85%); } 25% { -webkit-clip-path: circle(169px at 33% 118%); clip-path: circle(169px at 33% 118%); } 50% { -webkit-clip-path: circle(130px at 108% 11%); clip-path: circle(130px at 108% 11%); } 75% { -webkit-clip-path: circle(45px at -14% 1%); clip-path: circle(45px at -14% 1%); } 100% { -webkit-clip-path: circle(142px at 23% -22%); clip-path: circle(142px at 23% -22%); } } @keyframes clip65 { 0% { -webkit-clip-path: circle(76px at -7% 85%); clip-path: circle(76px at -7% 85%); } 25% { -webkit-clip-path: circle(169px at 33% 118%); clip-path: circle(169px at 33% 118%); } 50% { -webkit-clip-path: circle(130px at 108% 11%); clip-path: circle(130px at 108% 11%); } 75% { -webkit-clip-path: circle(45px at -14% 1%); clip-path: circle(45px at -14% 1%); } 100% { -webkit-clip-path: circle(142px at 23% -22%); clip-path: circle(142px at 23% -22%); } } #ui .text:nth-child(67) { color: #103ab0; -webkit-animation: clip66 16933ms ease-in-out infinite alternate; animation: clip66 16933ms ease-in-out infinite alternate; -webkit-filter: blur(-1px); filter: blur(-1px); } @-webkit-keyframes clip66 { 0% { -webkit-clip-path: circle(122px at -22% 8%); clip-path: circle(122px at -22% 8%); } 25% { -webkit-clip-path: circle(109px at -21% 60%); clip-path: circle(109px at -21% 60%); } 50% { -webkit-clip-path: circle(115px at 74% -15%); clip-path: circle(115px at 74% -15%); } 75% { -webkit-clip-path: circle(157px at 10% 48%); clip-path: circle(157px at 10% 48%); } 100% { -webkit-clip-path: circle(48px at 94% 51%); clip-path: circle(48px at 94% 51%); } } @keyframes clip66 { 0% { -webkit-clip-path: circle(122px at -22% 8%); clip-path: circle(122px at -22% 8%); } 25% { -webkit-clip-path: circle(109px at -21% 60%); clip-path: circle(109px at -21% 60%); } 50% { -webkit-clip-path: circle(115px at 74% -15%); clip-path: circle(115px at 74% -15%); } 75% { -webkit-clip-path: circle(157px at 10% 48%); clip-path: circle(157px at 10% 48%); } 100% { -webkit-clip-path: circle(48px at 94% 51%); clip-path: circle(48px at 94% 51%); } } #ui .text:nth-child(68) { color: #17428d; -webkit-animation: clip67 15467ms ease-in-out infinite alternate; animation: clip67 15467ms ease-in-out infinite alternate; -webkit-filter: blur(8px); filter: blur(8px); } @-webkit-keyframes clip67 { 0% { -webkit-clip-path: circle(64px at 83% 89%); clip-path: circle(64px at 83% 89%); } 25% { -webkit-clip-path: circle(87px at 105% 54%); clip-path: circle(87px at 105% 54%); } 50% { -webkit-clip-path: circle(80px at 78% -5%); clip-path: circle(80px at 78% -5%); } 75% { -webkit-clip-path: circle(66px at 128% 105%); clip-path: circle(66px at 128% 105%); } 100% { -webkit-clip-path: circle(136px at 16% -20%); clip-path: circle(136px at 16% -20%); } } @keyframes clip67 { 0% { -webkit-clip-path: circle(64px at 83% 89%); clip-path: circle(64px at 83% 89%); } 25% { -webkit-clip-path: circle(87px at 105% 54%); clip-path: circle(87px at 105% 54%); } 50% { -webkit-clip-path: circle(80px at 78% -5%); clip-path: circle(80px at 78% -5%); } 75% { -webkit-clip-path: circle(66px at 128% 105%); clip-path: circle(66px at 128% 105%); } 100% { -webkit-clip-path: circle(136px at 16% -20%); clip-path: circle(136px at 16% -20%); } } #ui .text:nth-child(69) { color: #065ac5; -webkit-animation: clip68 17429ms ease-in-out infinite alternate; animation: clip68 17429ms ease-in-out infinite alternate; -webkit-filter: blur(15px); filter: blur(15px); } @-webkit-keyframes clip68 { 0% { -webkit-clip-path: circle(90px at 40% -21%); clip-path: circle(90px at 40% -21%); } 25% { -webkit-clip-path: circle(63px at 126% 44%); clip-path: circle(63px at 126% 44%); } 50% { -webkit-clip-path: circle(131px at -17% 77%); clip-path: circle(131px at -17% 77%); } 75% { -webkit-clip-path: circle(140px at 124% 38%); clip-path: circle(140px at 124% 38%); } 100% { -webkit-clip-path: circle(171px at 52% -4%); clip-path: circle(171px at 52% -4%); } } @keyframes clip68 { 0% { -webkit-clip-path: circle(90px at 40% -21%); clip-path: circle(90px at 40% -21%); } 25% { -webkit-clip-path: circle(63px at 126% 44%); clip-path: circle(63px at 126% 44%); } 50% { -webkit-clip-path: circle(131px at -17% 77%); clip-path: circle(131px at -17% 77%); } 75% { -webkit-clip-path: circle(140px at 124% 38%); clip-path: circle(140px at 124% 38%); } 100% { -webkit-clip-path: circle(171px at 52% -4%); clip-path: circle(171px at 52% -4%); } } #ui .text:nth-child(70) { color: #065d9c; -webkit-animation: clip69 11040ms ease-in-out infinite alternate; animation: clip69 11040ms ease-in-out infinite alternate; -webkit-filter: blur(-8px); filter: blur(-8px); } @-webkit-keyframes clip69 { 0% { -webkit-clip-path: circle(166px at 12% 101%); clip-path: circle(166px at 12% 101%); } 25% { -webkit-clip-path: circle(109px at 104% 31%); clip-path: circle(109px at 104% 31%); } 50% { -webkit-clip-path: circle(166px at 86% 118%); clip-path: circle(166px at 86% 118%); } 75% { -webkit-clip-path: circle(40px at -6% -26%); clip-path: circle(40px at -6% -26%); } 100% { -webkit-clip-path: circle(50px at -20% 120%); clip-path: circle(50px at -20% 120%); } } @keyframes clip69 { 0% { -webkit-clip-path: circle(166px at 12% 101%); clip-path: circle(166px at 12% 101%); } 25% { -webkit-clip-path: circle(109px at 104% 31%); clip-path: circle(109px at 104% 31%); } 50% { -webkit-clip-path: circle(166px at 86% 118%); clip-path: circle(166px at 86% 118%); } 75% { -webkit-clip-path: circle(40px at -6% -26%); clip-path: circle(40px at -6% -26%); } 100% { -webkit-clip-path: circle(50px at -20% 120%); clip-path: circle(50px at -20% 120%); } } #ui .text:nth-child(71) { color: #011cbf; -webkit-animation: clip70 11904ms ease-in-out infinite alternate; animation: clip70 11904ms ease-in-out infinite alternate; -webkit-filter: blur(-7px); filter: blur(-7px); } @-webkit-keyframes clip70 { 0% { -webkit-clip-path: circle(53px at 41% 99%); clip-path: circle(53px at 41% 99%); } 25% { -webkit-clip-path: circle(55px at 111% 86%); clip-path: circle(55px at 111% 86%); } 50% { -webkit-clip-path: circle(63px at 66% 58%); clip-path: circle(63px at 66% 58%); } 75% { -webkit-clip-path: circle(116px at 44% 125%); clip-path: circle(116px at 44% 125%); } 100% { -webkit-clip-path: circle(71px at 127% 103%); clip-path: circle(71px at 127% 103%); } } @keyframes clip70 { 0% { -webkit-clip-path: circle(53px at 41% 99%); clip-path: circle(53px at 41% 99%); } 25% { -webkit-clip-path: circle(55px at 111% 86%); clip-path: circle(55px at 111% 86%); } 50% { -webkit-clip-path: circle(63px at 66% 58%); clip-path: circle(63px at 66% 58%); } 75% { -webkit-clip-path: circle(116px at 44% 125%); clip-path: circle(116px at 44% 125%); } 100% { -webkit-clip-path: circle(71px at 127% 103%); clip-path: circle(71px at 127% 103%); } } #ui .text:nth-child(72) { color: #0e2cf9; -webkit-animation: clip71 15885ms ease-in-out infinite alternate; animation: clip71 15885ms ease-in-out infinite alternate; -webkit-filter: blur(8px); filter: blur(8px); } @-webkit-keyframes clip71 { 0% { -webkit-clip-path: circle(115px at 85% 74%); clip-path: circle(115px at 85% 74%); } 25% { -webkit-clip-path: circle(159px at 95% 75%); clip-path: circle(159px at 95% 75%); } 50% { -webkit-clip-path: circle(65px at 79% 56%); clip-path: circle(65px at 79% 56%); } 75% { -webkit-clip-path: circle(83px at 32% 86%); clip-path: circle(83px at 32% 86%); } 100% { -webkit-clip-path: circle(135px at 55% -7%); clip-path: circle(135px at 55% -7%); } } @keyframes clip71 { 0% { -webkit-clip-path: circle(115px at 85% 74%); clip-path: circle(115px at 85% 74%); } 25% { -webkit-clip-path: circle(159px at 95% 75%); clip-path: circle(159px at 95% 75%); } 50% { -webkit-clip-path: circle(65px at 79% 56%); clip-path: circle(65px at 79% 56%); } 75% { -webkit-clip-path: circle(83px at 32% 86%); clip-path: circle(83px at 32% 86%); } 100% { -webkit-clip-path: circle(135px at 55% -7%); clip-path: circle(135px at 55% -7%); } } #ui .text:nth-child(73) { color: #0951a7; -webkit-animation: clip72 11940ms ease-in-out infinite alternate; animation: clip72 11940ms ease-in-out infinite alternate; -webkit-filter: blur(-2px); filter: blur(-2px); } @-webkit-keyframes clip72 { 0% { -webkit-clip-path: circle(131px at 20% 97%); clip-path: circle(131px at 20% 97%); } 25% { -webkit-clip-path: circle(71px at 72% 130%); clip-path: circle(71px at 72% 130%); } 50% { -webkit-clip-path: circle(136px at 28% -7%); clip-path: circle(136px at 28% -7%); } 75% { -webkit-clip-path: circle(90px at 85% 70%); clip-path: circle(90px at 85% 70%); } 100% { -webkit-clip-path: circle(81px at 60% -14%); clip-path: circle(81px at 60% -14%); } } @keyframes clip72 { 0% { -webkit-clip-path: circle(131px at 20% 97%); clip-path: circle(131px at 20% 97%); } 25% { -webkit-clip-path: circle(71px at 72% 130%); clip-path: circle(71px at 72% 130%); } 50% { -webkit-clip-path: circle(136px at 28% -7%); clip-path: circle(136px at 28% -7%); } 75% { -webkit-clip-path: circle(90px at 85% 70%); clip-path: circle(90px at 85% 70%); } 100% { -webkit-clip-path: circle(81px at 60% -14%); clip-path: circle(81px at 60% -14%); } } #ui .text:nth-child(74) { color: #032ac9; -webkit-animation: clip73 11853ms ease-in-out infinite alternate; animation: clip73 11853ms ease-in-out infinite alternate; -webkit-filter: blur(15px); filter: blur(15px); } @-webkit-keyframes clip73 { 0% { -webkit-clip-path: circle(134px at 89% 116%); clip-path: circle(134px at 89% 116%); } 25% { -webkit-clip-path: circle(58px at -7% 45%); clip-path: circle(58px at -7% 45%); } 50% { -webkit-clip-path: circle(62px at -14% 79%); clip-path: circle(62px at -14% 79%); } 75% { -webkit-clip-path: circle(59px at 107% -5%); clip-path: circle(59px at 107% -5%); } 100% { -webkit-clip-path: circle(111px at -19% 25%); clip-path: circle(111px at -19% 25%); } } @keyframes clip73 { 0% { -webkit-clip-path: circle(134px at 89% 116%); clip-path: circle(134px at 89% 116%); } 25% { -webkit-clip-path: circle(58px at -7% 45%); clip-path: circle(58px at -7% 45%); } 50% { -webkit-clip-path: circle(62px at -14% 79%); clip-path: circle(62px at -14% 79%); } 75% { -webkit-clip-path: circle(59px at 107% -5%); clip-path: circle(59px at 107% -5%); } 100% { -webkit-clip-path: circle(111px at -19% 25%); clip-path: circle(111px at -19% 25%); } } #ui .text:nth-child(75) { color: #085e6f; -webkit-animation: clip74 13171ms ease-in-out infinite alternate; animation: clip74 13171ms ease-in-out infinite alternate; -webkit-filter: blur(2px); filter: blur(2px); } @-webkit-keyframes clip74 { 0% { -webkit-clip-path: circle(73px at 73% -10%); clip-path: circle(73px at 73% -10%); } 25% { -webkit-clip-path: circle(106px at 115% 104%); clip-path: circle(106px at 115% 104%); } 50% { -webkit-clip-path: circle(46px at 83% -29%); clip-path: circle(46px at 83% -29%); } 75% { -webkit-clip-path: circle(149px at 74% 48%); clip-path: circle(149px at 74% 48%); } 100% { -webkit-clip-path: circle(130px at -25% 28%); clip-path: circle(130px at -25% 28%); } } @keyframes clip74 { 0% { -webkit-clip-path: circle(73px at 73% -10%); clip-path: circle(73px at 73% -10%); } 25% { -webkit-clip-path: circle(106px at 115% 104%); clip-path: circle(106px at 115% 104%); } 50% { -webkit-clip-path: circle(46px at 83% -29%); clip-path: circle(46px at 83% -29%); } 75% { -webkit-clip-path: circle(149px at 74% 48%); clip-path: circle(149px at 74% 48%); } 100% { -webkit-clip-path: circle(130px at -25% 28%); clip-path: circle(130px at -25% 28%); } } #ui .text:nth-child(76) { color: #060897; -webkit-animation: clip75 14024ms ease-in-out infinite alternate; animation: clip75 14024ms ease-in-out infinite alternate; -webkit-filter: blur(2px); filter: blur(2px); } @-webkit-keyframes clip75 { 0% { -webkit-clip-path: circle(120px at 113% 116%); clip-path: circle(120px at 113% 116%); } 25% { -webkit-clip-path: circle(158px at 33% 23%); clip-path: circle(158px at 33% 23%); } 50% { -webkit-clip-path: circle(79px at -13% 70%); clip-path: circle(79px at -13% 70%); } 75% { -webkit-clip-path: circle(73px at 53% 44%); clip-path: circle(73px at 53% 44%); } 100% { -webkit-clip-path: circle(39px at 31% -6%); clip-path: circle(39px at 31% -6%); } } @keyframes clip75 { 0% { -webkit-clip-path: circle(120px at 113% 116%); clip-path: circle(120px at 113% 116%); } 25% { -webkit-clip-path: circle(158px at 33% 23%); clip-path: circle(158px at 33% 23%); } 50% { -webkit-clip-path: circle(79px at -13% 70%); clip-path: circle(79px at -13% 70%); } 75% { -webkit-clip-path: circle(73px at 53% 44%); clip-path: circle(73px at 53% 44%); } 100% { -webkit-clip-path: circle(39px at 31% -6%); clip-path: circle(39px at 31% -6%); } } #ui .text:nth-child(77) { color: #1249a3; -webkit-animation: clip76 10722ms ease-in-out infinite alternate; animation: clip76 10722ms ease-in-out infinite alternate; -webkit-filter: blur(-6px); filter: blur(-6px); } @-webkit-keyframes clip76 { 0% { -webkit-clip-path: circle(79px at 51% -11%); clip-path: circle(79px at 51% -11%); } 25% { -webkit-clip-path: circle(41px at 75% -12%); clip-path: circle(41px at 75% -12%); } 50% { -webkit-clip-path: circle(170px at 102% 4%); clip-path: circle(170px at 102% 4%); } 75% { -webkit-clip-path: circle(38px at -3% 98%); clip-path: circle(38px at -3% 98%); } 100% { -webkit-clip-path: circle(73px at 104% -2%); clip-path: circle(73px at 104% -2%); } } @keyframes clip76 { 0% { -webkit-clip-path: circle(79px at 51% -11%); clip-path: circle(79px at 51% -11%); } 25% { -webkit-clip-path: circle(41px at 75% -12%); clip-path: circle(41px at 75% -12%); } 50% { -webkit-clip-path: circle(170px at 102% 4%); clip-path: circle(170px at 102% 4%); } 75% { -webkit-clip-path: circle(38px at -3% 98%); clip-path: circle(38px at -3% 98%); } 100% { -webkit-clip-path: circle(73px at 104% -2%); clip-path: circle(73px at 104% -2%); } } #ui .text:nth-child(78) { color: #024db6; -webkit-animation: clip77 12414ms ease-in-out infinite alternate; animation: clip77 12414ms ease-in-out infinite alternate; -webkit-filter: blur(-6px); filter: blur(-6px); } @-webkit-keyframes clip77 { 0% { -webkit-clip-path: circle(98px at 46% -21%); clip-path: circle(98px at 46% -21%); } 25% { -webkit-clip-path: circle(50px at 124% -10%); clip-path: circle(50px at 124% -10%); } 50% { -webkit-clip-path: circle(145px at 102% -18%); clip-path: circle(145px at 102% -18%); } 75% { -webkit-clip-path: circle(156px at 128% 44%); clip-path: circle(156px at 128% 44%); } 100% { -webkit-clip-path: circle(92px at 94% 129%); clip-path: circle(92px at 94% 129%); } } @keyframes clip77 { 0% { -webkit-clip-path: circle(98px at 46% -21%); clip-path: circle(98px at 46% -21%); } 25% { -webkit-clip-path: circle(50px at 124% -10%); clip-path: circle(50px at 124% -10%); } 50% { -webkit-clip-path: circle(145px at 102% -18%); clip-path: circle(145px at 102% -18%); } 75% { -webkit-clip-path: circle(156px at 128% 44%); clip-path: circle(156px at 128% 44%); } 100% { -webkit-clip-path: circle(92px at 94% 129%); clip-path: circle(92px at 94% 129%); } } #ui .text:nth-child(79) { color: #0c40b5; -webkit-animation: clip78 12709ms ease-in-out infinite alternate; animation: clip78 12709ms ease-in-out infinite alternate; -webkit-filter: blur(11px); filter: blur(11px); } @-webkit-keyframes clip78 { 0% { -webkit-clip-path: circle(101px at 27% 57%); clip-path: circle(101px at 27% 57%); } 25% { -webkit-clip-path: circle(136px at 110% 111%); clip-path: circle(136px at 110% 111%); } 50% { -webkit-clip-path: circle(140px at 63% 28%); clip-path: circle(140px at 63% 28%); } 75% { -webkit-clip-path: circle(83px at 51% 2%); clip-path: circle(83px at 51% 2%); } 100% { -webkit-clip-path: circle(76px at 53% 101%); clip-path: circle(76px at 53% 101%); } } @keyframes clip78 { 0% { -webkit-clip-path: circle(101px at 27% 57%); clip-path: circle(101px at 27% 57%); } 25% { -webkit-clip-path: circle(136px at 110% 111%); clip-path: circle(136px at 110% 111%); } 50% { -webkit-clip-path: circle(140px at 63% 28%); clip-path: circle(140px at 63% 28%); } 75% { -webkit-clip-path: circle(83px at 51% 2%); clip-path: circle(83px at 51% 2%); } 100% { -webkit-clip-path: circle(76px at 53% 101%); clip-path: circle(76px at 53% 101%); } } #ui .text:nth-child(80) { color: #124ff3; -webkit-animation: clip79 10971ms ease-in-out infinite alternate; animation: clip79 10971ms ease-in-out infinite alternate; -webkit-filter: blur(12px); filter: blur(12px); } @-webkit-keyframes clip79 { 0% { -webkit-clip-path: circle(141px at 62% 129%); clip-path: circle(141px at 62% 129%); } 25% { -webkit-clip-path: circle(57px at 68% 109%); clip-path: circle(57px at 68% 109%); } 50% { -webkit-clip-path: circle(70px at 118% 0%); clip-path: circle(70px at 118% 0%); } 75% { -webkit-clip-path: circle(76px at 92% 66%); clip-path: circle(76px at 92% 66%); } 100% { -webkit-clip-path: circle(79px at 11% 59%); clip-path: circle(79px at 11% 59%); } } @keyframes clip79 { 0% { -webkit-clip-path: circle(141px at 62% 129%); clip-path: circle(141px at 62% 129%); } 25% { -webkit-clip-path: circle(57px at 68% 109%); clip-path: circle(57px at 68% 109%); } 50% { -webkit-clip-path: circle(70px at 118% 0%); clip-path: circle(70px at 118% 0%); } 75% { -webkit-clip-path: circle(76px at 92% 66%); clip-path: circle(76px at 92% 66%); } 100% { -webkit-clip-path: circle(79px at 11% 59%); clip-path: circle(79px at 11% 59%); } } #ui .text:nth-child(81) { color: #0d3fb2; -webkit-animation: clip80 17992ms ease-in-out infinite alternate; animation: clip80 17992ms ease-in-out infinite alternate; -webkit-filter: blur(5px); filter: blur(5px); } @-webkit-keyframes clip80 { 0% { -webkit-clip-path: circle(162px at 113% 88%); clip-path: circle(162px at 113% 88%); } 25% { -webkit-clip-path: circle(125px at 6% 73%); clip-path: circle(125px at 6% 73%); } 50% { -webkit-clip-path: circle(122px at 46% 95%); clip-path: circle(122px at 46% 95%); } 75% { -webkit-clip-path: circle(36px at 34% 118%); clip-path: circle(36px at 34% 118%); } 100% { -webkit-clip-path: circle(99px at 88% -4%); clip-path: circle(99px at 88% -4%); } } @keyframes clip80 { 0% { -webkit-clip-path: circle(162px at 113% 88%); clip-path: circle(162px at 113% 88%); } 25% { -webkit-clip-path: circle(125px at 6% 73%); clip-path: circle(125px at 6% 73%); } 50% { -webkit-clip-path: circle(122px at 46% 95%); clip-path: circle(122px at 46% 95%); } 75% { -webkit-clip-path: circle(36px at 34% 118%); clip-path: circle(36px at 34% 118%); } 100% { -webkit-clip-path: circle(99px at 88% -4%); clip-path: circle(99px at 88% -4%); } } #ui .text:nth-child(82) { color: #1d03e7; -webkit-animation: clip81 13108ms ease-in-out infinite alternate; animation: clip81 13108ms ease-in-out infinite alternate; -webkit-filter: blur(-2px); filter: blur(-2px); } @-webkit-keyframes clip81 { 0% { -webkit-clip-path: circle(47px at -20% 23%); clip-path: circle(47px at -20% 23%); } 25% { -webkit-clip-path: circle(167px at 4% -17%); clip-path: circle(167px at 4% -17%); } 50% { -webkit-clip-path: circle(135px at 77% 126%); clip-path: circle(135px at 77% 126%); } 75% { -webkit-clip-path: circle(179px at 35% 73%); clip-path: circle(179px at 35% 73%); } 100% { -webkit-clip-path: circle(140px at 72% 18%); clip-path: circle(140px at 72% 18%); } } @keyframes clip81 { 0% { -webkit-clip-path: circle(47px at -20% 23%); clip-path: circle(47px at -20% 23%); } 25% { -webkit-clip-path: circle(167px at 4% -17%); clip-path: circle(167px at 4% -17%); } 50% { -webkit-clip-path: circle(135px at 77% 126%); clip-path: circle(135px at 77% 126%); } 75% { -webkit-clip-path: circle(179px at 35% 73%); clip-path: circle(179px at 35% 73%); } 100% { -webkit-clip-path: circle(140px at 72% 18%); clip-path: circle(140px at 72% 18%); } } #ui .text:nth-child(83) { color: #155e88; -webkit-animation: clip82 17162ms ease-in-out infinite alternate; animation: clip82 17162ms ease-in-out infinite alternate; -webkit-filter: blur(4px); filter: blur(4px); } @-webkit-keyframes clip82 { 0% { -webkit-clip-path: circle(56px at 11% -12%); clip-path: circle(56px at 11% -12%); } 25% { -webkit-clip-path: circle(118px at 2% 83%); clip-path: circle(118px at 2% 83%); } 50% { -webkit-clip-path: circle(179px at 0% 22%); clip-path: circle(179px at 0% 22%); } 75% { -webkit-clip-path: circle(102px at 51% 86%); clip-path: circle(102px at 51% 86%); } 100% { -webkit-clip-path: circle(78px at 11% -10%); clip-path: circle(78px at 11% -10%); } } @keyframes clip82 { 0% { -webkit-clip-path: circle(56px at 11% -12%); clip-path: circle(56px at 11% -12%); } 25% { -webkit-clip-path: circle(118px at 2% 83%); clip-path: circle(118px at 2% 83%); } 50% { -webkit-clip-path: circle(179px at 0% 22%); clip-path: circle(179px at 0% 22%); } 75% { -webkit-clip-path: circle(102px at 51% 86%); clip-path: circle(102px at 51% 86%); } 100% { -webkit-clip-path: circle(78px at 11% -10%); clip-path: circle(78px at 11% -10%); } } #ui .text:nth-child(84) { color: #0d2e83; -webkit-animation: clip83 11967ms ease-in-out infinite alternate; animation: clip83 11967ms ease-in-out infinite alternate; -webkit-filter: blur(14px); filter: blur(14px); } @-webkit-keyframes clip83 { 0% { -webkit-clip-path: circle(168px at 72% 102%); clip-path: circle(168px at 72% 102%); } 25% { -webkit-clip-path: circle(52px at 17% 96%); clip-path: circle(52px at 17% 96%); } 50% { -webkit-clip-path: circle(44px at 32% -7%); clip-path: circle(44px at 32% -7%); } 75% { -webkit-clip-path: circle(128px at 92% 113%); clip-path: circle(128px at 92% 113%); } 100% { -webkit-clip-path: circle(166px at 94% 9%); clip-path: circle(166px at 94% 9%); } } @keyframes clip83 { 0% { -webkit-clip-path: circle(168px at 72% 102%); clip-path: circle(168px at 72% 102%); } 25% { -webkit-clip-path: circle(52px at 17% 96%); clip-path: circle(52px at 17% 96%); } 50% { -webkit-clip-path: circle(44px at 32% -7%); clip-path: circle(44px at 32% -7%); } 75% { -webkit-clip-path: circle(128px at 92% 113%); clip-path: circle(128px at 92% 113%); } 100% { -webkit-clip-path: circle(166px at 94% 9%); clip-path: circle(166px at 94% 9%); } } #ui .text:nth-child(85) { color: #0f1adc; -webkit-animation: clip84 15288ms ease-in-out infinite alternate; animation: clip84 15288ms ease-in-out infinite alternate; -webkit-filter: blur(-9px); filter: blur(-9px); } @-webkit-keyframes clip84 { 0% { -webkit-clip-path: circle(128px at 87% 31%); clip-path: circle(128px at 87% 31%); } 25% { -webkit-clip-path: circle(145px at 116% 114%); clip-path: circle(145px at 116% 114%); } 50% { -webkit-clip-path: circle(154px at 112% 41%); clip-path: circle(154px at 112% 41%); } 75% { -webkit-clip-path: circle(148px at 128% 5%); clip-path: circle(148px at 128% 5%); } 100% { -webkit-clip-path: circle(117px at 75% 127%); clip-path: circle(117px at 75% 127%); } } @keyframes clip84 { 0% { -webkit-clip-path: circle(128px at 87% 31%); clip-path: circle(128px at 87% 31%); } 25% { -webkit-clip-path: circle(145px at 116% 114%); clip-path: circle(145px at 116% 114%); } 50% { -webkit-clip-path: circle(154px at 112% 41%); clip-path: circle(154px at 112% 41%); } 75% { -webkit-clip-path: circle(148px at 128% 5%); clip-path: circle(148px at 128% 5%); } 100% { -webkit-clip-path: circle(117px at 75% 127%); clip-path: circle(117px at 75% 127%); } } #ui .text:nth-child(86) { color: #1c24ae; -webkit-animation: clip85 14753ms ease-in-out infinite alternate; animation: clip85 14753ms ease-in-out infinite alternate; -webkit-filter: blur(11px); filter: blur(11px); } @-webkit-keyframes clip85 { 0% { -webkit-clip-path: circle(102px at -22% 2%); clip-path: circle(102px at -22% 2%); } 25% { -webkit-clip-path: circle(51px at 99% 109%); clip-path: circle(51px at 99% 109%); } 50% { -webkit-clip-path: circle(106px at 48% 68%); clip-path: circle(106px at 48% 68%); } 75% { -webkit-clip-path: circle(75px at -18% 108%); clip-path: circle(75px at -18% 108%); } 100% { -webkit-clip-path: circle(112px at 109% 90%); clip-path: circle(112px at 109% 90%); } } @keyframes clip85 { 0% { -webkit-clip-path: circle(102px at -22% 2%); clip-path: circle(102px at -22% 2%); } 25% { -webkit-clip-path: circle(51px at 99% 109%); clip-path: circle(51px at 99% 109%); } 50% { -webkit-clip-path: circle(106px at 48% 68%); clip-path: circle(106px at 48% 68%); } 75% { -webkit-clip-path: circle(75px at -18% 108%); clip-path: circle(75px at -18% 108%); } 100% { -webkit-clip-path: circle(112px at 109% 90%); clip-path: circle(112px at 109% 90%); } } #ui .text:nth-child(87) { color: #152cf9; -webkit-animation: clip86 10170ms ease-in-out infinite alternate; animation: clip86 10170ms ease-in-out infinite alternate; -webkit-filter: blur(-5px); filter: blur(-5px); } @-webkit-keyframes clip86 { 0% { -webkit-clip-path: circle(154px at 20% 59%); clip-path: circle(154px at 20% 59%); } 25% { -webkit-clip-path: circle(84px at 44% 0%); clip-path: circle(84px at 44% 0%); } 50% { -webkit-clip-path: circle(153px at 96% 90%); clip-path: circle(153px at 96% 90%); } 75% { -webkit-clip-path: circle(112px at 111% -6%); clip-path: circle(112px at 111% -6%); } 100% { -webkit-clip-path: circle(42px at 85% -9%); clip-path: circle(42px at 85% -9%); } } @keyframes clip86 { 0% { -webkit-clip-path: circle(154px at 20% 59%); clip-path: circle(154px at 20% 59%); } 25% { -webkit-clip-path: circle(84px at 44% 0%); clip-path: circle(84px at 44% 0%); } 50% { -webkit-clip-path: circle(153px at 96% 90%); clip-path: circle(153px at 96% 90%); } 75% { -webkit-clip-path: circle(112px at 111% -6%); clip-path: circle(112px at 111% -6%); } 100% { -webkit-clip-path: circle(42px at 85% -9%); clip-path: circle(42px at 85% -9%); } } #ui .text:nth-child(88) { color: #16436f; -webkit-animation: clip87 12188ms ease-in-out infinite alternate; animation: clip87 12188ms ease-in-out infinite alternate; -webkit-filter: blur(2px); filter: blur(2px); } @-webkit-keyframes clip87 { 0% { -webkit-clip-path: circle(145px at 17% 21%); clip-path: circle(145px at 17% 21%); } 25% { -webkit-clip-path: circle(67px at 81% 77%); clip-path: circle(67px at 81% 77%); } 50% { -webkit-clip-path: circle(58px at 77% -11%); clip-path: circle(58px at 77% -11%); } 75% { -webkit-clip-path: circle(65px at 2% 125%); clip-path: circle(65px at 2% 125%); } 100% { -webkit-clip-path: circle(57px at 129% 8%); clip-path: circle(57px at 129% 8%); } } @keyframes clip87 { 0% { -webkit-clip-path: circle(145px at 17% 21%); clip-path: circle(145px at 17% 21%); } 25% { -webkit-clip-path: circle(67px at 81% 77%); clip-path: circle(67px at 81% 77%); } 50% { -webkit-clip-path: circle(58px at 77% -11%); clip-path: circle(58px at 77% -11%); } 75% { -webkit-clip-path: circle(65px at 2% 125%); clip-path: circle(65px at 2% 125%); } 100% { -webkit-clip-path: circle(57px at 129% 8%); clip-path: circle(57px at 129% 8%); } } #ui .text:nth-child(89) { color: #020abd; -webkit-animation: clip88 14717ms ease-in-out infinite alternate; animation: clip88 14717ms ease-in-out infinite alternate; -webkit-filter: blur(0px); filter: blur(0px); } @-webkit-keyframes clip88 { 0% { -webkit-clip-path: circle(47px at 35% 45%); clip-path: circle(47px at 35% 45%); } 25% { -webkit-clip-path: circle(37px at 33% 32%); clip-path: circle(37px at 33% 32%); } 50% { -webkit-clip-path: circle(92px at 40% -2%); clip-path: circle(92px at 40% -2%); } 75% { -webkit-clip-path: circle(55px at -24% 111%); clip-path: circle(55px at -24% 111%); } 100% { -webkit-clip-path: circle(170px at 112% 43%); clip-path: circle(170px at 112% 43%); } } @keyframes clip88 { 0% { -webkit-clip-path: circle(47px at 35% 45%); clip-path: circle(47px at 35% 45%); } 25% { -webkit-clip-path: circle(37px at 33% 32%); clip-path: circle(37px at 33% 32%); } 50% { -webkit-clip-path: circle(92px at 40% -2%); clip-path: circle(92px at 40% -2%); } 75% { -webkit-clip-path: circle(55px at -24% 111%); clip-path: circle(55px at -24% 111%); } 100% { -webkit-clip-path: circle(170px at 112% 43%); clip-path: circle(170px at 112% 43%); } } #ui .text:nth-child(90) { color: #174cce; -webkit-animation: clip89 15445ms ease-in-out infinite alternate; animation: clip89 15445ms ease-in-out infinite alternate; -webkit-filter: blur(8px); filter: blur(8px); } @-webkit-keyframes clip89 { 0% { -webkit-clip-path: circle(66px at 58% -16%); clip-path: circle(66px at 58% -16%); } 25% { -webkit-clip-path: circle(171px at 37% 97%); clip-path: circle(171px at 37% 97%); } 50% { -webkit-clip-path: circle(72px at 117% 3%); clip-path: circle(72px at 117% 3%); } 75% { -webkit-clip-path: circle(125px at 13% 26%); clip-path: circle(125px at 13% 26%); } 100% { -webkit-clip-path: circle(112px at 2% -18%); clip-path: circle(112px at 2% -18%); } } @keyframes clip89 { 0% { -webkit-clip-path: circle(66px at 58% -16%); clip-path: circle(66px at 58% -16%); } 25% { -webkit-clip-path: circle(171px at 37% 97%); clip-path: circle(171px at 37% 97%); } 50% { -webkit-clip-path: circle(72px at 117% 3%); clip-path: circle(72px at 117% 3%); } 75% { -webkit-clip-path: circle(125px at 13% 26%); clip-path: circle(125px at 13% 26%); } 100% { -webkit-clip-path: circle(112px at 2% -18%); clip-path: circle(112px at 2% -18%); } } #ui .text:nth-child(91) { color: #04016a; -webkit-animation: clip90 18260ms ease-in-out infinite alternate; animation: clip90 18260ms ease-in-out infinite alternate; -webkit-filter: blur(-4px); filter: blur(-4px); } @-webkit-keyframes clip90 { 0% { -webkit-clip-path: circle(88px at 56% 71%); clip-path: circle(88px at 56% 71%); } 25% { -webkit-clip-path: circle(144px at 95% 94%); clip-path: circle(144px at 95% 94%); } 50% { -webkit-clip-path: circle(131px at -22% 4%); clip-path: circle(131px at -22% 4%); } 75% { -webkit-clip-path: circle(164px at 43% 95%); clip-path: circle(164px at 43% 95%); } 100% { -webkit-clip-path: circle(166px at 32% 36%); clip-path: circle(166px at 32% 36%); } } @keyframes clip90 { 0% { -webkit-clip-path: circle(88px at 56% 71%); clip-path: circle(88px at 56% 71%); } 25% { -webkit-clip-path: circle(144px at 95% 94%); clip-path: circle(144px at 95% 94%); } 50% { -webkit-clip-path: circle(131px at -22% 4%); clip-path: circle(131px at -22% 4%); } 75% { -webkit-clip-path: circle(164px at 43% 95%); clip-path: circle(164px at 43% 95%); } 100% { -webkit-clip-path: circle(166px at 32% 36%); clip-path: circle(166px at 32% 36%); } } #ui .text:nth-child(92) { color: #0d2977; -webkit-animation: clip91 18781ms ease-in-out infinite alternate; animation: clip91 18781ms ease-in-out infinite alternate; -webkit-filter: blur(0px); filter: blur(0px); } @-webkit-keyframes clip91 { 0% { -webkit-clip-path: circle(61px at 111% 103%); clip-path: circle(61px at 111% 103%); } 25% { -webkit-clip-path: circle(32px at 120% 115%); clip-path: circle(32px at 120% 115%); } 50% { -webkit-clip-path: circle(111px at 14% 31%); clip-path: circle(111px at 14% 31%); } 75% { -webkit-clip-path: circle(34px at 108% 101%); clip-path: circle(34px at 108% 101%); } 100% { -webkit-clip-path: circle(114px at -16% 57%); clip-path: circle(114px at -16% 57%); } } @keyframes clip91 { 0% { -webkit-clip-path: circle(61px at 111% 103%); clip-path: circle(61px at 111% 103%); } 25% { -webkit-clip-path: circle(32px at 120% 115%); clip-path: circle(32px at 120% 115%); } 50% { -webkit-clip-path: circle(111px at 14% 31%); clip-path: circle(111px at 14% 31%); } 75% { -webkit-clip-path: circle(34px at 108% 101%); clip-path: circle(34px at 108% 101%); } 100% { -webkit-clip-path: circle(114px at -16% 57%); clip-path: circle(114px at -16% 57%); } } #ui .text:nth-child(93) { color: #1b3374; -webkit-animation: clip92 11814ms ease-in-out infinite alternate; animation: clip92 11814ms ease-in-out infinite alternate; -webkit-filter: blur(-6px); filter: blur(-6px); } @-webkit-keyframes clip92 { 0% { -webkit-clip-path: circle(162px at 33% 22%); clip-path: circle(162px at 33% 22%); } 25% { -webkit-clip-path: circle(141px at 89% 106%); clip-path: circle(141px at 89% 106%); } 50% { -webkit-clip-path: circle(58px at -6% -11%); clip-path: circle(58px at -6% -11%); } 75% { -webkit-clip-path: circle(135px at -26% 33%); clip-path: circle(135px at -26% 33%); } 100% { -webkit-clip-path: circle(156px at 78% 71%); clip-path: circle(156px at 78% 71%); } } @keyframes clip92 { 0% { -webkit-clip-path: circle(162px at 33% 22%); clip-path: circle(162px at 33% 22%); } 25% { -webkit-clip-path: circle(141px at 89% 106%); clip-path: circle(141px at 89% 106%); } 50% { -webkit-clip-path: circle(58px at -6% -11%); clip-path: circle(58px at -6% -11%); } 75% { -webkit-clip-path: circle(135px at -26% 33%); clip-path: circle(135px at -26% 33%); } 100% { -webkit-clip-path: circle(156px at 78% 71%); clip-path: circle(156px at 78% 71%); } } #ui .text:nth-child(94) { color: #1164bb; -webkit-animation: clip93 16882ms ease-in-out infinite alternate; animation: clip93 16882ms ease-in-out infinite alternate; -webkit-filter: blur(0px); filter: blur(0px); } @-webkit-keyframes clip93 { 0% { -webkit-clip-path: circle(165px at 10% 37%); clip-path: circle(165px at 10% 37%); } 25% { -webkit-clip-path: circle(109px at 99% 67%); clip-path: circle(109px at 99% 67%); } 50% { -webkit-clip-path: circle(175px at -25% 68%); clip-path: circle(175px at -25% 68%); } 75% { -webkit-clip-path: circle(152px at -13% 5%); clip-path: circle(152px at -13% 5%); } 100% { -webkit-clip-path: circle(101px at 67% -12%); clip-path: circle(101px at 67% -12%); } } @keyframes clip93 { 0% { -webkit-clip-path: circle(165px at 10% 37%); clip-path: circle(165px at 10% 37%); } 25% { -webkit-clip-path: circle(109px at 99% 67%); clip-path: circle(109px at 99% 67%); } 50% { -webkit-clip-path: circle(175px at -25% 68%); clip-path: circle(175px at -25% 68%); } 75% { -webkit-clip-path: circle(152px at -13% 5%); clip-path: circle(152px at -13% 5%); } 100% { -webkit-clip-path: circle(101px at 67% -12%); clip-path: circle(101px at 67% -12%); } } #ui .text:nth-child(95) { color: #0f33cb; -webkit-animation: clip94 11930ms ease-in-out infinite alternate; animation: clip94 11930ms ease-in-out infinite alternate; -webkit-filter: blur(9px); filter: blur(9px); } @-webkit-keyframes clip94 { 0% { -webkit-clip-path: circle(90px at -21% 65%); clip-path: circle(90px at -21% 65%); } 25% { -webkit-clip-path: circle(81px at 74% 112%); clip-path: circle(81px at 74% 112%); } 50% { -webkit-clip-path: circle(134px at 79% 49%); clip-path: circle(134px at 79% 49%); } 75% { -webkit-clip-path: circle(44px at 97% 99%); clip-path: circle(44px at 97% 99%); } 100% { -webkit-clip-path: circle(128px at 22% 12%); clip-path: circle(128px at 22% 12%); } } @keyframes clip94 { 0% { -webkit-clip-path: circle(90px at -21% 65%); clip-path: circle(90px at -21% 65%); } 25% { -webkit-clip-path: circle(81px at 74% 112%); clip-path: circle(81px at 74% 112%); } 50% { -webkit-clip-path: circle(134px at 79% 49%); clip-path: circle(134px at 79% 49%); } 75% { -webkit-clip-path: circle(44px at 97% 99%); clip-path: circle(44px at 97% 99%); } 100% { -webkit-clip-path: circle(128px at 22% 12%); clip-path: circle(128px at 22% 12%); } } #ui .text:nth-child(96) { color: #1b21d1; -webkit-animation: clip95 10897ms ease-in-out infinite alternate; animation: clip95 10897ms ease-in-out infinite alternate; -webkit-filter: blur(-4px); filter: blur(-4px); } @-webkit-keyframes clip95 { 0% { -webkit-clip-path: circle(149px at 113% 105%); clip-path: circle(149px at 113% 105%); } 25% { -webkit-clip-path: circle(77px at 90% 96%); clip-path: circle(77px at 90% 96%); } 50% { -webkit-clip-path: circle(147px at 112% -24%); clip-path: circle(147px at 112% -24%); } 75% { -webkit-clip-path: circle(50px at 75% 31%); clip-path: circle(50px at 75% 31%); } 100% { -webkit-clip-path: circle(140px at 96% 81%); clip-path: circle(140px at 96% 81%); } } @keyframes clip95 { 0% { -webkit-clip-path: circle(149px at 113% 105%); clip-path: circle(149px at 113% 105%); } 25% { -webkit-clip-path: circle(77px at 90% 96%); clip-path: circle(77px at 90% 96%); } 50% { -webkit-clip-path: circle(147px at 112% -24%); clip-path: circle(147px at 112% -24%); } 75% { -webkit-clip-path: circle(50px at 75% 31%); clip-path: circle(50px at 75% 31%); } 100% { -webkit-clip-path: circle(140px at 96% 81%); clip-path: circle(140px at 96% 81%); } } #ui .text:nth-child(97) { color: #091bcb; -webkit-animation: clip96 16199ms ease-in-out infinite alternate; animation: clip96 16199ms ease-in-out infinite alternate; -webkit-filter: blur(-7px); filter: blur(-7px); } @-webkit-keyframes clip96 { 0% { -webkit-clip-path: circle(81px at 69% 69%); clip-path: circle(81px at 69% 69%); } 25% { -webkit-clip-path: circle(99px at 90% 74%); clip-path: circle(99px at 90% 74%); } 50% { -webkit-clip-path: circle(104px at 92% 2%); clip-path: circle(104px at 92% 2%); } 75% { -webkit-clip-path: circle(48px at 80% -17%); clip-path: circle(48px at 80% -17%); } 100% { -webkit-clip-path: circle(170px at 53% 1%); clip-path: circle(170px at 53% 1%); } } @keyframes clip96 { 0% { -webkit-clip-path: circle(81px at 69% 69%); clip-path: circle(81px at 69% 69%); } 25% { -webkit-clip-path: circle(99px at 90% 74%); clip-path: circle(99px at 90% 74%); } 50% { -webkit-clip-path: circle(104px at 92% 2%); clip-path: circle(104px at 92% 2%); } 75% { -webkit-clip-path: circle(48px at 80% -17%); clip-path: circle(48px at 80% -17%); } 100% { -webkit-clip-path: circle(170px at 53% 1%); clip-path: circle(170px at 53% 1%); } } #ui .text:nth-child(98) { color: #114dfb; -webkit-animation: clip97 16278ms ease-in-out infinite alternate; animation: clip97 16278ms ease-in-out infinite alternate; -webkit-filter: blur(5px); filter: blur(5px); } @-webkit-keyframes clip97 { 0% { -webkit-clip-path: circle(160px at 9% 1%); clip-path: circle(160px at 9% 1%); } 25% { -webkit-clip-path: circle(62px at 72% 116%); clip-path: circle(62px at 72% 116%); } 50% { -webkit-clip-path: circle(88px at 8% 113%); clip-path: circle(88px at 8% 113%); } 75% { -webkit-clip-path: circle(138px at -27% 12%); clip-path: circle(138px at -27% 12%); } 100% { -webkit-clip-path: circle(152px at 116% 58%); clip-path: circle(152px at 116% 58%); } } @keyframes clip97 { 0% { -webkit-clip-path: circle(160px at 9% 1%); clip-path: circle(160px at 9% 1%); } 25% { -webkit-clip-path: circle(62px at 72% 116%); clip-path: circle(62px at 72% 116%); } 50% { -webkit-clip-path: circle(88px at 8% 113%); clip-path: circle(88px at 8% 113%); } 75% { -webkit-clip-path: circle(138px at -27% 12%); clip-path: circle(138px at -27% 12%); } 100% { -webkit-clip-path: circle(152px at 116% 58%); clip-path: circle(152px at 116% 58%); } } #ui .text:nth-child(99) { color: #0636c4; -webkit-animation: clip98 12743ms ease-in-out infinite alternate; animation: clip98 12743ms ease-in-out infinite alternate; -webkit-filter: blur(-4px); filter: blur(-4px); } @-webkit-keyframes clip98 { 0% { -webkit-clip-path: circle(152px at -1% 8%); clip-path: circle(152px at -1% 8%); } 25% { -webkit-clip-path: circle(118px at 37% 128%); clip-path: circle(118px at 37% 128%); } 50% { -webkit-clip-path: circle(171px at 119% 103%); clip-path: circle(171px at 119% 103%); } 75% { -webkit-clip-path: circle(178px at 65% 77%); clip-path: circle(178px at 65% 77%); } 100% { -webkit-clip-path: circle(142px at 64% 61%); clip-path: circle(142px at 64% 61%); } } @keyframes clip98 { 0% { -webkit-clip-path: circle(152px at -1% 8%); clip-path: circle(152px at -1% 8%); } 25% { -webkit-clip-path: circle(118px at 37% 128%); clip-path: circle(118px at 37% 128%); } 50% { -webkit-clip-path: circle(171px at 119% 103%); clip-path: circle(171px at 119% 103%); } 75% { -webkit-clip-path: circle(178px at 65% 77%); clip-path: circle(178px at 65% 77%); } 100% { -webkit-clip-path: circle(142px at 64% 61%); clip-path: circle(142px at 64% 61%); } } #ui .text:nth-child(100) { color: #1641ff; -webkit-animation: clip99 13773ms ease-in-out infinite alternate; animation: clip99 13773ms ease-in-out infinite alternate; -webkit-filter: blur(2px); filter: blur(2px); } @-webkit-keyframes clip99 { 0% { -webkit-clip-path: circle(124px at 113% 6%); clip-path: circle(124px at 113% 6%); } 25% { -webkit-clip-path: circle(144px at -14% 82%); clip-path: circle(144px at -14% 82%); } 50% { -webkit-clip-path: circle(121px at 12% -17%); clip-path: circle(121px at 12% -17%); } 75% { -webkit-clip-path: circle(164px at 118% -28%); clip-path: circle(164px at 118% -28%); } 100% { -webkit-clip-path: circle(65px at 81% 113%); clip-path: circle(65px at 81% 113%); } } @keyframes clip99 { 0% { -webkit-clip-path: circle(124px at 113% 6%); clip-path: circle(124px at 113% 6%); } 25% { -webkit-clip-path: circle(144px at -14% 82%); clip-path: circle(144px at -14% 82%); } 50% { -webkit-clip-path: circle(121px at 12% -17%); clip-path: circle(121px at 12% -17%); } 75% { -webkit-clip-path: circle(164px at 118% -28%); clip-path: circle(164px at 118% -28%); } 100% { -webkit-clip-path: circle(65px at 81% 113%); clip-path: circle(65px at 81% 113%); } } #ui .text:nth-child(101) { color: #1317ab; -webkit-animation: clip100 10341ms ease-in-out infinite alternate; animation: clip100 10341ms ease-in-out infinite alternate; -webkit-filter: blur(1px); filter: blur(1px); } @-webkit-keyframes clip100 { 0% { -webkit-clip-path: circle(106px at -8% 64%); clip-path: circle(106px at -8% 64%); } 25% { -webkit-clip-path: circle(155px at 28% 15%); clip-path: circle(155px at 28% 15%); } 50% { -webkit-clip-path: circle(51px at -16% 101%); clip-path: circle(51px at -16% 101%); } 75% { -webkit-clip-path: circle(180px at 91% 130%); clip-path: circle(180px at 91% 130%); } 100% { -webkit-clip-path: circle(93px at -17% 60%); clip-path: circle(93px at -17% 60%); } } @keyframes clip100 { 0% { -webkit-clip-path: circle(106px at -8% 64%); clip-path: circle(106px at -8% 64%); } 25% { -webkit-clip-path: circle(155px at 28% 15%); clip-path: circle(155px at 28% 15%); } 50% { -webkit-clip-path: circle(51px at -16% 101%); clip-path: circle(51px at -16% 101%); } 75% { -webkit-clip-path: circle(180px at 91% 130%); clip-path: circle(180px at 91% 130%); } 100% { -webkit-clip-path: circle(93px at -17% 60%); clip-path: circle(93px at -17% 60%); } } </style></head><body>  <div id="ui"> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> <div class="text">MERRY CHRISTMAS</div> </div> </body></html>

Related: See More

Material Kit PRO BS3

Material Kit PRO BS3

Ripple Dot Animation

Ripple Dot Animation

Success and Error Icon Animation

Success and Error Icon Animation

Bootstrap4 navigation border animation

Bootstrap4 navigation border animation

Questions / Comments:

Posting GuidelinesFormatting