Farbverlauf mit CSS 1
2
3
4
5
6
7
8
Diverse ( Beispiele)
background: radial-gradient(circle farthest-corner at 50% 50%, #875D1C 41%, #C429EF);
background: radial-gradient(ellipse farthest-corner at 50% 50%, #6A9D66 6%, #0F8FBA);
background: radial-gradient(ellipse farthest-corner at 50% 50%, #7AC72F 34%, #E2D6F6);
background: radial-gradient(ellipse closest-corner at 50% 50%, #B2D717 33%, #7C6B84);
background: radial-gradient(circle closest-corner at 50% 50%, #2CD297 26%, #40365B);
background: radial-gradient(ellipse closest-corner at 50% 50%, #B32F6C 25%, #39DEFC);
background: radial-gradient(ellipse closest-side at 50% 50%, #7BEC59 18%, #F824B6);
background: radial-gradient(circle closest-side at 50% 50%, #C7500B 19%, #58719A);
background: radial-gradient(circle closest-side at 50% 50%, #9472E6 41%, #2A692C);
background: radial-gradient(ellipse farthest-side at 50% 50%, #3CAB43 13%, #0AAEAB);
background: radial-gradient(ellipse closest-corner at 50% 50%, #95D0BD 46%, #321E37);
background: radial-gradient(ellipse closest-side at 50% 50%, #ECD398 45%, #211590);
background: radial-gradient(circle farthest-corner at 50% 50%, #A497A0 13%, #11E2EC);
background: radial-gradient(ellipse farthest-corner at 50% 50%, #6517CA 11%, #8719C3);
background: radial-gradient(ellipse closest-corner at 50% 50%, #188954 42%, #16237C);
background: radial-gradient(circle farthest-side at 50% 50%, #4ACCA7 20%, #50B957);
background: radial-gradient(circle farthest-corner at 50% 50%, #7A6B46 14%, #D90128);
background: radial-gradient(circle farthest-side at 50% 50%, #D98B10 48%, #34BFCF);
background: radial-gradient(ellipse closest-corner at 50% 50%, #D05C91 8%, #8DA0E9);
background: radial-gradient(circle closest-side at 50% 50%, #89F098 25%, #91C1A6);
background: radial-gradient(circle farthest-corner at 50% 50%, #D0F95C 48%, #51F989);
background: radial-gradient(ellipse farthest-side at 50% 50%, #2B3D65 44%, #86E9AA);
background: radial-gradient(ellipse farthest-corner at 50% 50%, #B50281 14%, #719C2A);
background: radial-gradient(circle closest-corner at 50% 50%, #CA337B 28%, #142377);
background: radial-gradient(circle farthest-side at 50% 50%, #DBB019 12%, #9979C8);
background: radial-gradient(ellipse farthest-corner at 50% 50%, #BE6D19 29%, #1DDF89);
Corona
background: radial-gradient(ellipse farthest-corner at 50% 50%, #9BCE0A 14%, #2742FF, #B9E5D9);
background: radial-gradient(circle closest-side at 50% 50%, #4C9409 14%, #BC41E3, #4EA874);
background: radial-gradient(ellipse closest-corner at 50% 50%, #472DD6 48%, #5A78FC, #7F4F18);
background: radial-gradient(ellipse farthest-side at 50% 50%, #FFECF6 17%, #9AF437, #3B7643);
background: radial-gradient(ellipse farthest-corner at 50% 50%, #6F6EC2 38%, #3D454D, #979378);
background: radial-gradient(ellipse farthest-corner at 50% 50%, #5E564B 49%, #EDEF59, #517DF7);
background: radial-gradient(circle farthest-corner at 50% 50%, #203843 18%, #B4F379, #EC4EB2);
background: radial-gradient(circle farthest-side at 50% 50%, #8355DD 19%, #738B3F, #67555A);
background: radial-gradient(circle closest-side at 50% 50%, #6C932E 40%, #90D4BA, #666F22);
background: radial-gradient(circle farthest-side at 50% 50%, #F8013D 37%, #DC2164, #C0579F);
background: radial-gradient(circle farthest-side at 50% 50%, #2671AC 33%, #E326F9, #C1AA95);
background: radial-gradient(ellipse closest-side at 50% 50%, #C1DEA8 13%, #A108E3, #A4BFDB);
background: radial-gradient(circle farthest-corner at 50% 50%, #0F8CEC 1%, #EFE44E, #1A9FDC);
background: radial-gradient(circle farthest-side at 50% 50%, #C578A1 4%, #2B614E, #5F1179);
background: radial-gradient(ellipse farthest-corner at 50% 50%, #C6A6DC 47%, #729A50, #5F05F1);
background: radial-gradient(ellipse farthest-side at 50% 50%, #B0E39B 43%, #A1DAA6, #90645D);
background: radial-gradient(circle farthest-side at 50% 50%, #45FF8F 19%, #23BC42, #90591A);
background: radial-gradient(ellipse farthest-side at 50% 50%, #45B403 36%, #30CAD8, #E1BBA9);
background: radial-gradient(ellipse farthest-corner at 50% 50%, #23581D 30%, #DEE0BF, #3B2CD5);
background: radial-gradient(circle closest-side at 50% 50%, #D1D2F2 46%, #32F7D2, #50100A);
background: radial-gradient(ellipse farthest-corner at 50% 50%, #209135 34%, #5C715F, #39C006);
background: radial-gradient(circle closest-side at 50% 50%, #6A0101 46%, #39AA00, #944050);
background: radial-gradient(circle farthest-side at 50% 50%, #809399 48%, #27B53D, #5BEDC3);
background: radial-gradient(circle farthest-side at 50% 50%, #592402 41%, #7B9924, #FE27A4);
background: radial-gradient(ellipse farthest-corner at 50% 50%, #E98D8F 11%, #5ABEF2, #2BF8BF);
background: radial-gradient(circle farthest-side at 50% 50%, #B80E5D 17%, #8942E4, #955818);
Zirkelkreise
background: repeating-radial-gradient(circle, #A76CF7 40%, #CEA76C 50%);
background: repeating-radial-gradient(circle, #1D77A6 40%, #9FE9ED 50%);
background: repeating-radial-gradient(circle, #EA3F0E 40%, #85BF50 50%);
background: repeating-radial-gradient(circle, #FC7DF9 40%, #2AA09A 50%);
background: repeating-radial-gradient(circle, #83F69F 40%, #3BF881 50%);
background: repeating-radial-gradient(circle, #E44BA4 40%, #FFD9B9 50%);
background: repeating-radial-gradient(circle, #E55C06 40%, #10E2C2 50%);
background: repeating-radial-gradient(circle, #F50EFB 40%, #8EB667 50%);
background: repeating-radial-gradient(circle, #1E9579 40%, #1FD6A5 50%);
background: repeating-radial-gradient(circle, #93A391 40%, #1D5DEB 50%);
background: repeating-radial-gradient(circle, #169577 40%, #8DAE43 50%);
background: repeating-radial-gradient(circle, #BA40FF 40%, #62369D 50%);
background: repeating-radial-gradient(circle, #E0C460 40%, #3DCA18 50%);
background: repeating-radial-gradient(circle, #4165F7 40%, #BEACA9 50%);
background: repeating-radial-gradient(circle, #8CA639 40%, #6BE41C 50%);
background: repeating-radial-gradient(circle, #4C9829 40%, #9FB591 50%);
background: repeating-radial-gradient(circle, #06826C 40%, #519A15 50%);
background: repeating-radial-gradient(circle, #DBC965 40%, #D553A3 50%);
background: repeating-radial-gradient(circle, #2C3CE7 40%, #F490FC 50%);
background: repeating-radial-gradient(circle, #D6E68D 40%, #5C6A45 50%);
background: repeating-radial-gradient(circle, #4EE072 40%, #8EA005 50%);
background: repeating-radial-gradient(circle, #C2C739 40%, #437D0B 50%);
background: repeating-radial-gradient(circle, #367C54 40%, #933483 50%);
background: repeating-radial-gradient(circle, #1513EC 40%, #448BBD 50%);
background: repeating-radial-gradient(circle, #996FB9 40%, #9AFE7E 50%);
background: repeating-radial-gradient(circle, #504ADD 40%, #F789A6 50%);
background: repeating-radial-gradient(circle, #6F5B66 40%, #0CB743 50%);
background: repeating-radial-gradient(circle, #5BE872 40%, #E4F856 50%);
background: repeating-radial-gradient(circle, #D61909 40%, #3157BB 50%);
background: repeating-radial-gradient(circle, #FA4EB2 40%, #657416 50%);
background: repeating-radial-gradient(circle, #5F5C9C 40%, #9A4A87 50%);
background: repeating-radial-gradient(circle, #49F25C 40%, #77E62E 50%);
background: repeating-radial-gradient(circle, #A4CD7F 40%, #932FF2 50%);
background: repeating-radial-gradient(circle, #DB18AF 40%, #40B6B6 50%);
background: repeating-radial-gradient(circle, #7FE7B9 40%, #6A9F13 50%);
background: repeating-radial-gradient(circle, #3B21B9 40%, #0C997B 50%);
background: repeating-radial-gradient(circle, #468C3F 40%, #A910FF 50%);
background: repeating-radial-gradient(circle, #C764B6 40%, #2E96FC 50%);
background: repeating-radial-gradient(circle, #D5E7B4 40%, #85C54E 50%);
background: repeating-radial-gradient(circle, #E083A6 40%, #1D21C0 50%);
background: repeating-radial-gradient(circle, #53AB96 40%, #A345FE 50%);
background: repeating-radial-gradient(circle, #924EE4 40%, #85C7FA 50%);
background: repeating-radial-gradient(circle, #148420 40%, #10F63F 50%);
background: repeating-radial-gradient(circle, #C106AA 40%, #55DA9A 50%);
background: repeating-radial-gradient(circle, #335980 40%, #7B9647 50%);
background: repeating-radial-gradient(circle, #57D4D3 40%, #A73FA1 50%);
background: repeating-radial-gradient(circle, #240CB9 40%, #4F2145 50%);
background: repeating-radial-gradient(circle, #99DB5B 40%, #46508F 50%);
background: repeating-radial-gradient(circle, #82B8CD 40%, #F544A3 50%);
background: repeating-radial-gradient(circle, #0506D0 40%, #F658FD 50%);
background: repeating-radial-gradient(circle, #AD42EA 40%, #06A169 50%);
Blush
background: repeating-radial-gradient(farthest-corner, #267586, #4EADAC, #8E3254);
background: repeating-radial-gradient(farthest-corner, #B560C6, #D332F4, #9FBBD2);
background: repeating-radial-gradient(farthest-corner, #B8DEE2, #B29BDA, #69B44F);
background: repeating-radial-gradient(farthest-corner, #20CC0B, #D72200, #206668);
background: repeating-radial-gradient(farthest-corner, #0E545C, #1CE1C6, #97AD63);
background: repeating-radial-gradient(farthest-corner, #9123BA, #FBDDB5, #C7EFAC);
background: repeating-radial-gradient(farthest-corner, #AF8DFE, #280DBB, #6E9B9A);
background: repeating-radial-gradient(farthest-corner, #ACD44A, #68E12F, #FB9148);
background: repeating-radial-gradient(farthest-corner, #539C87, #764C79, #B9A0BB);
background: repeating-radial-gradient(farthest-corner, #64FEC5, #CBDBFC, #2A1155);
background: repeating-radial-gradient(farthest-corner, #BE6A40, #85C627, #06833B);
background: repeating-radial-gradient(farthest-corner, #214B5F, #23EC65, #9E5D27);
background: repeating-radial-gradient(farthest-corner, #C43994, #45EE2F, #6F8A03);
background: repeating-radial-gradient(farthest-corner, #0B4B81, #DD0F15, #5EFF4D);
background: repeating-radial-gradient(farthest-corner, #AB305F, #F6D603, #EB7E3C);
background: repeating-radial-gradient(farthest-corner, #7A79D2, #89E7C4, #3EF74E);
background: repeating-radial-gradient(farthest-corner, #C8E0E7, #AC8560, #8B98A7);
background: repeating-radial-gradient(farthest-corner, #E16C1A, #755464, #869677);
background: repeating-radial-gradient(farthest-corner, #D56B7D, #AA4D62, #F6F51C);
background: repeating-radial-gradient(farthest-corner, #626E4C, #A36217, #4F05E2);
background: repeating-radial-gradient(farthest-corner, #1E27DC, #71BC72, #18C755);
background: repeating-radial-gradient(farthest-corner, #7607C7, #5F5279, #FA94FB);
background: repeating-radial-gradient(farthest-corner, #EB09D6, #41D285, #4CF95C);
background: repeating-radial-gradient(farthest-corner, #C5BEDD, #0C39AC, #29E660);
background: repeating-radial-gradient(farthest-corner, #00CAF3, #EA7307, #D47034);
background: repeating-radial-gradient(farthest-corner, #DA32D3, #2A0D55, #194C68);
Ringe
background: repeating-radial-gradient(#EDE557, #EDE557 5px, #F26586 5px, #F26586 10px);
background: repeating-radial-gradient(#E96B0C, #E96B0C 5px, #9149A2 5px, #9149A2 10px);
background: repeating-radial-gradient(#6F5BE1, #6F5BE1 5px, #0D5875 5px, #0D5875 10px);
background: repeating-radial-gradient(#052850, #052850 5px, #B585F7 5px, #B585F7 10px);
background: repeating-radial-gradient(#2D297C, #2D297C 5px, #3DD564 5px, #3DD564 10px);
background: repeating-radial-gradient(#2BDA17, #2BDA17 5px, #57D96B 5px, #57D96B 10px);
background: repeating-radial-gradient(#DACD2A, #DACD2A 5px, #E90A3C 5px, #E90A3C 10px);
background: repeating-radial-gradient(#190212, #190212 5px, #D28EAD 5px, #D28EAD 10px);
background: repeating-radial-gradient(#D452E3, #D452E3 5px, #618ABD 5px, #618ABD 10px);
background: repeating-radial-gradient(#99208C, #99208C 5px, #FFA0B7 5px, #FFA0B7 10px);
background: repeating-radial-gradient(#332AA4, #332AA4 5px, #196CF9 5px, #196CF9 10px);
background: repeating-radial-gradient(#2FC93F, #2FC93F 5px, #A6B1BD 5px, #A6B1BD 10px);
background: repeating-radial-gradient(#28A04B, #28A04B 5px, #CD7F80 5px, #CD7F80 10px);
background: repeating-radial-gradient(#D0F097, #D0F097 5px, #9037E6 5px, #9037E6 10px);
background: repeating-radial-gradient(#98B0A0, #98B0A0 5px, #3A3164 5px, #3A3164 10px);
background: repeating-radial-gradient(#402196, #402196 5px, #655C03 5px, #655C03 10px);
background: repeating-radial-gradient(#4F2EFA, #4F2EFA 5px, #AC779A 5px, #AC779A 10px);
background: repeating-radial-gradient(#760518, #760518 5px, #D90338 5px, #D90338 10px);
background: repeating-radial-gradient(#864808, #864808 5px, #72F5EA 5px, #72F5EA 10px);
background: repeating-radial-gradient(#B2F6EB, #B2F6EB 5px, #85FD6A 5px, #85FD6A 10px);
background: repeating-radial-gradient(#63EB8C, #63EB8C 5px, #5430DB 5px, #5430DB 10px);
background: repeating-radial-gradient(#AD0CC8, #AD0CC8 5px, #74FFFD 5px, #74FFFD 10px);
background: repeating-radial-gradient(#A8E713, #A8E713 5px, #1D08D2 5px, #1D08D2 10px);
background: repeating-radial-gradient(#F42FA2, #F42FA2 5px, #17C016 5px, #17C016 10px);
background: repeating-radial-gradient(#496130, #496130 5px, #B13F3B 5px, #B13F3B 10px);
background: repeating-radial-gradient(#45AD90, #45AD90 5px, #4CDBC7 5px, #4CDBC7 10px);
Strahlen
background: repeating-conic-gradient(from 291deg at 31% 62%, #B0CFDC 0 15deg, #01C4B9 0 30deg);
background: repeating-conic-gradient(from 15deg at 85% 10%, #FEBFE3 0 15deg, #E887CB 0 30deg);
background: repeating-conic-gradient(from 210deg at 38% 26%, #B1D923 0 15deg, #298AF5 0 30deg);
background: repeating-conic-gradient(from 40deg at 73% 50%, #AF5657 0 15deg, #44CEBE 0 30deg);
background: repeating-conic-gradient(from 107deg at 40% 59%, #6CED2F 0 15deg, #385191 0 30deg);
background: repeating-conic-gradient(from 204deg at 52% 13%, #EA0BE8 0 15deg, #FA76E7 0 30deg);
background: repeating-conic-gradient(from 182deg at 50% 72%, #D5C890 0 15deg, #1F533B 0 30deg);
background: repeating-conic-gradient(from 140deg at 41% 88%, #B618B2 0 15deg, #178D4D 0 30deg);
background: repeating-conic-gradient(from 271deg at 28% 85%, #2CC218 0 15deg, #CEF0E7 0 30deg);
background: repeating-conic-gradient(from 226deg at 37% 67%, #0D4E47 0 15deg, #83B007 0 30deg);
background: repeating-conic-gradient(from 229deg at 35% 83%, #D1B115 0 15deg, #7B07AB 0 30deg);
background: repeating-conic-gradient(from 148deg at 46% 47%, #3BB3D0 0 15deg, #C53EBF 0 30deg);
background: repeating-conic-gradient(from 250deg at 18% 63%, #7478A2 0 15deg, #F9960E 0 30deg);
background: repeating-conic-gradient(from 69deg at 83% 64%, #995D09 0 15deg, #4FC540 0 30deg);
background: repeating-conic-gradient(from 31deg at 82% 75%, #6EC37F 0 15deg, #B0DE63 0 30deg);
background: repeating-conic-gradient(from 225deg at 62% 70%, #A04F88 0 15deg, #CEF782 0 30deg);
background: repeating-conic-gradient(from 286deg at 50% 67%, #30BFEC 0 15deg, #C6266E 0 30deg);
background: repeating-conic-gradient(from 134deg at 49% 42%, #4B4482 0 15deg, #66DD6E 0 30deg);
background: repeating-conic-gradient(from 74deg at 77% 10%, #12D861 0 15deg, #999BEB 0 30deg);
background: repeating-conic-gradient(from 156deg at 24% 62%, #79DA19 0 15deg, #26B246 0 30deg);
background: repeating-conic-gradient(from 217deg at 87% 46%, #BF219C 0 15deg, #090496 0 30deg);
background: repeating-conic-gradient(from 74deg at 60% 82%, #C0F2D1 0 15deg, #FE4B22 0 30deg);
background: repeating-conic-gradient(from 299deg at 51% 31%, #C4BC41 0 15deg, #4C0CD8 0 30deg);
background: repeating-conic-gradient(from 141deg at 25% 80%, #C5CB81 0 15deg, #F67CA5 0 30deg);
background: repeating-conic-gradient(from 267deg at 59% 74%, #6913F3 0 15deg, #94AA2D 0 30deg);
background: repeating-conic-gradient(from 270deg at 47% 14%, #37B9D3 0 15deg, #480426 0 30deg);
Rahmen
border-image: conic-gradient(#5ED0FF, #C40BC9, #B61F7F, #FC8FF3, #C91157, #AC30E6, #5ED0FF);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#690BD6, #56B96C, #438DDF, #054848, #9277D3, #3CD41A, #690BD6);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#2A77C1, #3858F5, #3036B7, #034625, #BEF7CB, #21FC74, #2A77C1);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#D7B599, #7DB862, #45AC16, #45510E, #563CC8, #AFEFD9, #D7B599);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#B8EFCF, #3A682B, #7A0A30, #813D81, #38ECEB, #725A93, #B8EFCF);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#C95C4C, #D3777E, #0337F7, #F7F800, #A2F048, #B49F8B, #C95C4C);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#09680A, #2AF3C8, #359685, #B632BE, #661717, #43A8FB, #09680A);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#AF4913, #A61268, #6A69CD, #DCD9A8, #524DFE, #D4C938, #AF4913);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#DBBBB1, #2646AA, #72DCF1, #1ECD89, #9910E4, #6B9DDD, #DBBBB1);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#782C64, #B3A55D, #28A606, #55B535, #3849BD, #399C4A, #782C64);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#96A340, #86E5EC, #9A8FAE, #7551DF, #FD801F, #611DE7, #96A340);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#1467A3, #696D81, #1654BA, #0E5AE2, #4CE23D, #DFB11B, #1467A3);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#112AF4, #370DBF, #D677FF, #7649FA, #1C465F, #4C601E, #112AF4);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#3D38B4, #E84E2F, #DEEBE7, #9E5B96, #504EEE, #FD394C, #3D38B4);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#ED1683, #4BCE88, #E463C7, #EC0BD1, #8ABB67, #CCBB47, #ED1683);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#37C130, #46F9DF, #C640A7, #4D0C33, #BE5655, #8382B2, #37C130);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#5E0F94, #6AF93A, #4F2B1B, #AA863C, #A87620, #E6A2F1, #5E0F94);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#B306D4, #EAE61D, #0494D7, #D11069, #39E3B4, #A448C4, #B306D4);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#46DBDF, #07677F, #0019FC, #362DDF, #86BA52, #208355, #46DBDF);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#3274C1, #5ED73A, #6A52FE, #270711, #339CFF, #0B4AD2, #3274C1);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#F12EBC, #9B5220, #8AA1C9, #3FEED5, #23D87C, #9DB6FE, #F12EBC);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#C53C2F, #A799B9, #302D76, #542DF9, #02C344, #E7A480, #C53C2F);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#AEBE66, #D973FC, #CBFBE1, #0A4DA4, #D20E14, #D027F9, #AEBE66);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#FE19F4, #396394, #4961C0, #694549, #1C0033, #79051B, #FE19F4);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#BEB746, #E80F1B, #326C1C, #7E06FB, #46E159, #1A4B5A, #BEB746);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#EDE5C6, #009E9C, #91F3D7, #B91427, #E61268, #298158, #EDE5C6);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#5A0DDD, #3F3156, #D551C3, #1FE1F7, #249B8F, #334E12, #5A0DDD);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#4BA305, #BEB11F, #72566C, #A19832, #97BBF7, #195E17, #4BA305);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#9BFA66, #EFB986, #3A00D1, #CB2626, #32C12C, #6FE2D0, #9BFA66);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#9DA78A, #E7733A, #0DAD6A, #54454F, #BD88E4, #F49614, #9DA78A);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#A42220, #943EF9, #48E5B3, #BF9798, #806DC5, #59F1AB, #A42220);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#FEB9CE, #DD287E, #1CDA54, #E57FE4, #77EBCB, #501B10, #FEB9CE);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#6E44B6, #B209BF, #3F7842, #74DD6A, #13619C, #BDECEE, #6E44B6);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#C940AF, #1D62B0, #C8E208, #61EDA2, #D2CD80, #E9E45C, #C940AF);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#3B5CB7, #C6079D, #FFEDC4, #0C4D2D, #172214, #50EC6F, #3B5CB7);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#A83246, #7A342C, #7AC6FD, #C61C4E, #3984E7, #28D759, #A83246);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#C8AA99, #8760CB, #394F70, #485E2E, #1E7CD4, #2C786C, #C8AA99);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#662492, #BAEBA6, #30AFF4, #448CE6, #B9B498, #E07EC2, #662492);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#8FB74E, #44F915, #7DC6F6, #803A67, #633F76, #1A414F, #8FB74E);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
Farbverlauf mit CSS - Seite:
1
2
3
4
5
6
7
8