Bootstrap Snippet animation title using HTML

"animation title"
Bootstrap 3.0.0 Snippet by evarevirus

3.0.0 animation

2.5K 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

Full Calendar

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