Farbverlauf mit CSS 1 2 3 4 5 6 7 8

Diverse ( Beispiele)

• Spotlight
• Corona
• Zirkelkreise
• Blush
• Ringe
• Strahlen
• Rahmen

Spotlight

background: radial-gradient(ellipse farthest-corner at 50% 50%, #BD7AC1 38%, #FB458D);

background: radial-gradient(circle farthest-side at 50% 50%, #DB8373 17%, #590145);

background: radial-gradient(circle closest-side at 50% 50%, #89F8C3 18%, #11B887);

background: radial-gradient(circle closest-side at 50% 50%, #2D7C9E 22%, #5F8919);

background: radial-gradient(circle farthest-side at 50% 50%, #CCA4EF 41%, #AA7535);

background: radial-gradient(circle closest-side at 50% 50%, #7CCB1E 32%, #D13D81);

background: radial-gradient(circle farthest-corner at 50% 50%, #27AD9D 23%, #B9F2B2);

background: radial-gradient(ellipse closest-side at 50% 50%, #012992 33%, #E04E5F);

background: radial-gradient(circle closest-side at 50% 50%, #07A850 25%, #70BA04);

background: radial-gradient(circle closest-corner at 50% 50%, #3D6090 25%, #810E28);

background: radial-gradient(ellipse farthest-side at 50% 50%, #C9632D 44%, #0E1928);

background: radial-gradient(ellipse closest-side at 50% 50%, #B6DEA1 37%, #CDAEAF);

background: radial-gradient(circle farthest-side at 50% 50%, #AD20A8 23%, #84C0D5);

background: radial-gradient(circle farthest-corner at 50% 50%, #DD561C 50%, #E8E1D2);

background: radial-gradient(circle closest-corner at 50% 50%, #CB1A4F 43%, #A2BBA3);

background: radial-gradient(circle closest-side at 50% 50%, #1B97BE 7%, #0F592B);

background: radial-gradient(circle closest-corner at 50% 50%, #CE50A2 17%, #638E30);

background: radial-gradient(circle closest-corner at 50% 50%, #AE25D2 26%, #FE6BD5);

background: radial-gradient(ellipse closest-corner at 50% 50%, #F1AD47 26%, #BD95F1);

background: radial-gradient(ellipse farthest-side at 50% 50%, #65C929 7%, #C45526);

background: radial-gradient(ellipse farthest-side at 50% 50%, #603765 35%, #62B87B);

background: radial-gradient(circle closest-corner at 50% 50%, #12E7FF 43%, #830218);

background: radial-gradient(circle farthest-corner at 50% 50%, #41D44F 5%, #417EA5);

background: radial-gradient(circle closest-side at 50% 50%, #4EAA8D 45%, #719535);

background: radial-gradient(ellipse closest-side at 50% 50%, #5DE688 41%, #F029D5);

background: radial-gradient(ellipse closest-corner at 50% 50%, #41A7F7 11%, #CE0A4C);

Corona

background: radial-gradient(ellipse closest-corner at 50% 50%, #797205 49%, #67F3D5, #E4A356);

background: radial-gradient(circle farthest-side at 50% 50%, #0B5510 40%, #EFB537, #979010);

background: radial-gradient(circle closest-side at 50% 50%, #F304C3 40%, #CF5254, #1E1DB1);

background: radial-gradient(ellipse closest-side at 50% 50%, #44BF78 37%, #35941F, #D683DD);

background: radial-gradient(circle closest-side at 50% 50%, #F007E6 23%, #618D31, #8520F6);

background: radial-gradient(circle closest-corner at 50% 50%, #D15677 40%, #3D28CE, #99126B);

background: radial-gradient(circle farthest-side at 50% 50%, #2AC5F5 29%, #B0E3BE, #0C55B8);

background: radial-gradient(ellipse farthest-side at 50% 50%, #CA839A 30%, #AD0A75, #CE8493);

background: radial-gradient(circle farthest-corner at 50% 50%, #9503B0 46%, #886157, #A8DA89);

background: radial-gradient(circle closest-corner at 50% 50%, #30EEE6 25%, #124A7C, #362402);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #8A5661 18%, #ACA9B3, #7D8B0C);

background: radial-gradient(circle closest-corner at 50% 50%, #0E8015 12%, #80AEB3, #E1C940);

background: radial-gradient(circle closest-side at 50% 50%, #4E98AD 32%, #63445C, #620609);

background: radial-gradient(ellipse closest-side at 50% 50%, #0DF104 26%, #BD72F3, #EB9A72);

background: radial-gradient(circle farthest-corner at 50% 50%, #6C6F77 4%, #AA0749, #5C2172);

background: radial-gradient(circle farthest-side at 50% 50%, #40A1C7 8%, #E88A84, #4802F8);

background: radial-gradient(ellipse closest-side at 50% 50%, #1B628B 33%, #0BDEE7, #FCD86C);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #044945 5%, #2735FD, #E68A40);

background: radial-gradient(circle closest-side at 50% 50%, #26DFF2 35%, #11C8D5, #26671B);

background: radial-gradient(circle farthest-corner at 50% 50%, #8B779B 32%, #34AF7A, #B50C8C);

background: radial-gradient(circle farthest-side at 50% 50%, #A474C7 13%, #ED4FEA, #A9354F);

background: radial-gradient(ellipse closest-side at 50% 50%, #B0AFA8 4%, #2EB3C9, #5C627B);

background: radial-gradient(circle closest-corner at 50% 50%, #8D7E24 25%, #37BB8A, #4C7A2D);

background: radial-gradient(circle farthest-side at 50% 50%, #871288 38%, #9907A2, #2DDCEC);

background: radial-gradient(circle farthest-corner at 50% 50%, #EA4DB9 1%, #7C8157, #C32340);

background: radial-gradient(circle farthest-side at 50% 50%, #CB65BA 22%, #1DF590, #D0FE67);

Zirkelkreise

background: repeating-radial-gradient(circle, #AD7811 40%, #461C2C 50%);

background: repeating-radial-gradient(circle, #7B8C51 40%, #A395A9 50%);

background: repeating-radial-gradient(circle, #5F7CBE 40%, #828A7D 50%);

background: repeating-radial-gradient(circle, #7B8ADA 40%, #D19851 50%);

background: repeating-radial-gradient(circle, #D1EE35 40%, #A73224 50%);

background: repeating-radial-gradient(circle, #B6A501 40%, #DFAFD9 50%);

background: repeating-radial-gradient(circle, #5D74F3 40%, #AFE076 50%);

background: repeating-radial-gradient(circle, #4E268F 40%, #1E6FF8 50%);

background: repeating-radial-gradient(circle, #D9E4EA 40%, #9B610D 50%);

background: repeating-radial-gradient(circle, #E84880 40%, #0947AE 50%);

background: repeating-radial-gradient(circle, #965FE4 40%, #2A2BE7 50%);

background: repeating-radial-gradient(circle, #5FBC4D 40%, #AD96EA 50%);

background: repeating-radial-gradient(circle, #5DC13C 40%, #A726FD 50%);

background: repeating-radial-gradient(circle, #166A8D 40%, #F6B6A9 50%);

background: repeating-radial-gradient(circle, #5D517D 40%, #6F8E80 50%);

background: repeating-radial-gradient(circle, #7EEA3E 40%, #2B2210 50%);

background: repeating-radial-gradient(circle, #41108C 40%, #346A1F 50%);

background: repeating-radial-gradient(circle, #23C0F2 40%, #5B7B35 50%);

background: repeating-radial-gradient(circle, #35901E 40%, #8E329A 50%);

background: repeating-radial-gradient(circle, #6534F7 40%, #C3B49C 50%);

background: repeating-radial-gradient(circle, #8A9CCC 40%, #83A46C 50%);

background: repeating-radial-gradient(circle, #8E0AAE 40%, #F248EA 50%);

background: repeating-radial-gradient(circle, #75F130 40%, #17EAF3 50%);

background: repeating-radial-gradient(circle, #27A4E5 40%, #CB0763 50%);

background: repeating-radial-gradient(circle, #E45BFA 40%, #6EB8B3 50%);

background: repeating-radial-gradient(circle, #3163F1 40%, #D44281 50%);

background: repeating-radial-gradient(circle, #7B7132 40%, #C56D0F 50%);

background: repeating-radial-gradient(circle, #EF1574 40%, #4FF367 50%);

background: repeating-radial-gradient(circle, #BE9D0B 40%, #72C57A 50%);

background: repeating-radial-gradient(circle, #5A7E65 40%, #1DD109 50%);

background: repeating-radial-gradient(circle, #F70A06 40%, #E94B56 50%);

background: repeating-radial-gradient(circle, #3E6DF7 40%, #183731 50%);

background: repeating-radial-gradient(circle, #084D80 40%, #E3C8D0 50%);

background: repeating-radial-gradient(circle, #FAA9B5 40%, #65B422 50%);

background: repeating-radial-gradient(circle, #52C11B 40%, #8675FE 50%);

background: repeating-radial-gradient(circle, #C5647A 40%, #8EAF05 50%);

background: repeating-radial-gradient(circle, #E7AE1C 40%, #CF27A0 50%);

background: repeating-radial-gradient(circle, #309E80 40%, #FD7298 50%);

background: repeating-radial-gradient(circle, #3EB321 40%, #C43550 50%);

background: repeating-radial-gradient(circle, #302203 40%, #02AB5D 50%);

background: repeating-radial-gradient(circle, #107B61 40%, #0D0FB7 50%);

background: repeating-radial-gradient(circle, #D80B58 40%, #DB093B 50%);

background: repeating-radial-gradient(circle, #96ADE4 40%, #E7D5B4 50%);

background: repeating-radial-gradient(circle, #5DD885 40%, #4442A7 50%);

background: repeating-radial-gradient(circle, #F143D4 40%, #14CE47 50%);

background: repeating-radial-gradient(circle, #9C800B 40%, #B4F97A 50%);

background: repeating-radial-gradient(circle, #DD8A04 40%, #8827B4 50%);

background: repeating-radial-gradient(circle, #E79A18 40%, #3DCCF6 50%);

background: repeating-radial-gradient(circle, #0B7F4A 40%, #406CDF 50%);

background: repeating-radial-gradient(circle, #A7742C 40%, #760411 50%);

background: repeating-radial-gradient(circle, #118207 40%, #061C3C 50%);

Blush

background: repeating-radial-gradient(farthest-corner, #820385, #A6514C, #E6C884);

background: repeating-radial-gradient(farthest-corner, #49C0F2, #C0F702, #DA4B8A);

background: repeating-radial-gradient(farthest-corner, #624E44, #A06A9A, #82CA1A);

background: repeating-radial-gradient(farthest-corner, #9580D7, #5F017B, #7944F9);

background: repeating-radial-gradient(farthest-corner, #7FA18E, #C06E48, #F396DB);

background: repeating-radial-gradient(farthest-corner, #5E7FED, #CC511F, #102239);

background: repeating-radial-gradient(farthest-corner, #FD71F2, #B07794, #0CB890);

background: repeating-radial-gradient(farthest-corner, #A8B6F3, #EDE7A7, #1117D0);

background: repeating-radial-gradient(farthest-corner, #4A0359, #107BE5, #8BF953);

background: repeating-radial-gradient(farthest-corner, #3CEC3C, #A8D9C4, #062821);

background: repeating-radial-gradient(farthest-corner, #F4329E, #967A17, #DBE46C);

background: repeating-radial-gradient(farthest-corner, #447871, #A8710F, #CD925A);

background: repeating-radial-gradient(farthest-corner, #4F90C1, #48BE67, #04C98B);

background: repeating-radial-gradient(farthest-corner, #F12F21, #206123, #2D2D51);

background: repeating-radial-gradient(farthest-corner, #8EFFB7, #9A1CD5, #D914A9);

background: repeating-radial-gradient(farthest-corner, #97E9C3, #E8C6F1, #2944E7);

background: repeating-radial-gradient(farthest-corner, #F9A196, #7DBECC, #6307D5);

background: repeating-radial-gradient(farthest-corner, #663A8B, #4BEB31, #C41EFC);

background: repeating-radial-gradient(farthest-corner, #107AFA, #D70F07, #BB24DE);

background: repeating-radial-gradient(farthest-corner, #4840EF, #63F74A, #B0FE3D);

background: repeating-radial-gradient(farthest-corner, #CC3C69, #6FEB0F, #8035A4);

background: repeating-radial-gradient(farthest-corner, #05B12A, #B54BE7, #5B6B2F);

background: repeating-radial-gradient(farthest-corner, #890606, #E93E12, #A08404);

background: repeating-radial-gradient(farthest-corner, #AC32EB, #2DCCAB, #7F0F67);

background: repeating-radial-gradient(farthest-corner, #A9F8EB, #8FD076, #8D4A89);

background: repeating-radial-gradient(farthest-corner, #D9A25B, #F4373E, #EF6E4D);

Ringe

background: repeating-radial-gradient(#4BF748, #4BF748 5px, #D4C326 5px, #D4C326 10px);

background: repeating-radial-gradient(#6E0B16, #6E0B16 5px, #EBFF83 5px, #EBFF83 10px);

background: repeating-radial-gradient(#C46A68, #C46A68 5px, #999639 5px, #999639 10px);

background: repeating-radial-gradient(#37DEA2, #37DEA2 5px, #EA94C3 5px, #EA94C3 10px);

background: repeating-radial-gradient(#20CFB0, #20CFB0 5px, #B82B2C 5px, #B82B2C 10px);

background: repeating-radial-gradient(#9EB33A, #9EB33A 5px, #3C1D84 5px, #3C1D84 10px);

background: repeating-radial-gradient(#FB81D1, #FB81D1 5px, #8B6655 5px, #8B6655 10px);

background: repeating-radial-gradient(#ECF1AC, #ECF1AC 5px, #11EE50 5px, #11EE50 10px);

background: repeating-radial-gradient(#C505D8, #C505D8 5px, #B8DB43 5px, #B8DB43 10px);

background: repeating-radial-gradient(#346F99, #346F99 5px, #96EA1C 5px, #96EA1C 10px);

background: repeating-radial-gradient(#3B2E76, #3B2E76 5px, #7131F1 5px, #7131F1 10px);

background: repeating-radial-gradient(#64DBC4, #64DBC4 5px, #0183B6 5px, #0183B6 10px);

background: repeating-radial-gradient(#CA3FCA, #CA3FCA 5px, #8368F0 5px, #8368F0 10px);

background: repeating-radial-gradient(#54AFF7, #54AFF7 5px, #B63778 5px, #B63778 10px);

background: repeating-radial-gradient(#616B1A, #616B1A 5px, #44CB74 5px, #44CB74 10px);

background: repeating-radial-gradient(#4B91D9, #4B91D9 5px, #9D27E5 5px, #9D27E5 10px);

background: repeating-radial-gradient(#B1B7F2, #B1B7F2 5px, #81E7C2 5px, #81E7C2 10px);

background: repeating-radial-gradient(#0D3E53, #0D3E53 5px, #C11E35 5px, #C11E35 10px);

background: repeating-radial-gradient(#6D69DE, #6D69DE 5px, #3D5191 5px, #3D5191 10px);

background: repeating-radial-gradient(#5A10F2, #5A10F2 5px, #54D9C5 5px, #54D9C5 10px);

background: repeating-radial-gradient(#8BD152, #8BD152 5px, #BC7CAF 5px, #BC7CAF 10px);

background: repeating-radial-gradient(#D5699F, #D5699F 5px, #DC1145 5px, #DC1145 10px);

background: repeating-radial-gradient(#BE28B7, #BE28B7 5px, #CE5D35 5px, #CE5D35 10px);

background: repeating-radial-gradient(#58E5FF, #58E5FF 5px, #2EA11D 5px, #2EA11D 10px);

background: repeating-radial-gradient(#BFFF66, #BFFF66 5px, #2CE98F 5px, #2CE98F 10px);

background: repeating-radial-gradient(#4FF5AE, #4FF5AE 5px, #65C458 5px, #65C458 10px);

Strahlen

background: repeating-conic-gradient(from 104deg at 50% 84%, #82CB3A 0 15deg, #ED61F8 0 30deg);

background: repeating-conic-gradient(from 101deg at 51% 62%, #CD9C9B 0 15deg, #7D22A7 0 30deg);

background: repeating-conic-gradient(from 293deg at 45% 77%, #7AADED 0 15deg, #7F2E33 0 30deg);

background: repeating-conic-gradient(from 253deg at 41% 73%, #BCB751 0 15deg, #F352EF 0 30deg);

background: repeating-conic-gradient(from 205deg at 86% 56%, #6CA1B8 0 15deg, #395D60 0 30deg);

background: repeating-conic-gradient(from 181deg at 80% 35%, #0B0941 0 15deg, #35A512 0 30deg);

background: repeating-conic-gradient(from 297deg at 57% 40%, #29E8C1 0 15deg, #3DE4BC 0 30deg);

background: repeating-conic-gradient(from 201deg at 35% 24%, #923BBD 0 15deg, #75BF6F 0 30deg);

background: repeating-conic-gradient(from 176deg at 82% 69%, #992AE5 0 15deg, #614B75 0 30deg);

background: repeating-conic-gradient(from 73deg at 81% 32%, #6D5070 0 15deg, #149A04 0 30deg);

background: repeating-conic-gradient(from 255deg at 57% 32%, #DF22CD 0 15deg, #0A9643 0 30deg);

background: repeating-conic-gradient(from 155deg at 23% 29%, #67648D 0 15deg, #29E657 0 30deg);

background: repeating-conic-gradient(from 76deg at 26% 56%, #D35378 0 15deg, #B933AE 0 30deg);

background: repeating-conic-gradient(from 108deg at 56% 67%, #336F8F 0 15deg, #026342 0 30deg);

background: repeating-conic-gradient(from 188deg at 51% 40%, #213EF5 0 15deg, #BF885A 0 30deg);

background: repeating-conic-gradient(from 251deg at 63% 15%, #117E86 0 15deg, #D2501B 0 30deg);

background: repeating-conic-gradient(from 260deg at 40% 83%, #032CF6 0 15deg, #828B56 0 30deg);

background: repeating-conic-gradient(from 123deg at 44% 85%, #9C6ADA 0 15deg, #9EE5BC 0 30deg);

background: repeating-conic-gradient(from 146deg at 84% 14%, #491C16 0 15deg, #28A856 0 30deg);

background: repeating-conic-gradient(from 137deg at 71% 49%, #ECCC31 0 15deg, #3BC15E 0 30deg);

background: repeating-conic-gradient(from 228deg at 12% 54%, #1B36B1 0 15deg, #2D15DF 0 30deg);

background: repeating-conic-gradient(from 246deg at 72% 85%, #A0C024 0 15deg, #DE5B66 0 30deg);

background: repeating-conic-gradient(from 216deg at 89% 21%, #76F77E 0 15deg, #60257B 0 30deg);

background: repeating-conic-gradient(from 78deg at 22% 81%, #286ABC 0 15deg, #C7D31E 0 30deg);

background: repeating-conic-gradient(from 277deg at 28% 73%, #26429E 0 15deg, #4D2A67 0 30deg);

background: repeating-conic-gradient(from 133deg at 63% 50%, #A27828 0 15deg, #1FFE0C 0 30deg);

Rahmen

border-image: conic-gradient(#AE3144, #71F619, #4C4563, #C0ED9D, #DF206E, #5982DA, #AE3144); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#4FD709, #4BAD26, #A0AC30, #4A4015, #192BBF, #FB226D, #4FD709); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#96D75A, #3ECCB0, #4D9DAE, #C8BED7, #4FC4D4, #5A99F1, #96D75A); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#B9F506, #E5EE2A, #D023EA, #C0EDC6, #678691, #A85423, #B9F506); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#49498B, #B711E8, #ABF296, #6EC2A7, #7D822B, #7F6AD9, #49498B); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#D0ED38, #A408A6, #DE29D8, #EC0996, #582EE8, #763544, #D0ED38); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#C0AD07, #2AFD49, #1345A2, #3D0453, #944FBF, #6D1B6C, #C0AD07); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#8CA5AD, #EE079B, #97E4CC, #B1C2A5, #DA2D6B, #07EA52, #8CA5AD); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#FA8109, #26BAA7, #9E255E, #633A63, #C598E9, #FD313E, #FA8109); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#0DCB4B, #623954, #A6B19E, #3B1CEB, #CF9826, #B0581B, #0DCB4B); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#07CDCC, #FBA6A4, #9D853D, #73B12B, #BF8D23, #E0F377, #07CDCC); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#E82B70, #F2D6F6, #B560C3, #FF7D37, #BB6291, #EC6B46, #E82B70); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#BBA10B, #1E68D4, #EF8A59, #3C0F97, #8F7074, #182B0C, #BBA10B); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#C662A8, #FE95A9, #2B5B22, #7B0661, #223A14, #1F42FF, #C662A8); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#E6F57D, #F8BDC0, #5DD518, #8E0EB7, #F6A6C1, #093A5F, #E6F57D); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#6983F0, #20B813, #C84B83, #C2F3A9, #DE400C, #F00AB7, #6983F0); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#F64147, #104B59, #8C8476, #5800F9, #451469, #BE3972, #F64147); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#635641, #95B090, #F5DDA8, #6DFD52, #A81E60, #8CF726, #635641); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#FFC209, #8A16AD, #33FD03, #6CA150, #538A82, #D2ADB5, #FFC209); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#087ED5, #DD221A, #B1F179, #D83507, #CAE34A, #887146, #087ED5); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#B7E1B6, #107DD7, #A2758A, #4B4918, #7C6705, #CA215C, #B7E1B6); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#090FFC, #3D359B, #1880ED, #C6C6AC, #3F5BC6, #CD6D72, #090FFC); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#8C03E7, #AAD582, #BACE3C, #E7D866, #CDD76B, #E86E00, #8C03E7); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#1B04DA, #C86B2A, #343DD2, #EFA7FC, #66E3B9, #AB2B05, #1B04DA); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#D7C330, #DF4853, #7ED8D5, #C2880D, #1421CA, #5789FD, #D7C330); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#26DFAF, #AF827B, #6AF2C3, #E4122A, #5D0B60, #16F835, #26DFAF); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#97D236, #D0E199, #92A80C, #942166, #695252, #9737D8, #97D236); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#472D7D, #93EB6D, #CCC619, #25B9FE, #8A13C9, #B52915, #472D7D); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#40F7C5, #9DCFC8, #164A62, #41C434, #F601C0, #B9E057, #40F7C5); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#4E3853, #59D11C, #5C0FDB, #2FA3BA, #DB1D71, #70F5CA, #4E3853); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#0898E3, #AB4C99, #343BD1, #950FC7, #7AAB33, #A27F28, #0898E3); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#D23B4F, #54B3C7, #C18313, #8AADDC, #330E5B, #8DCACF, #D23B4F); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#ECE0FC, #13603F, #C7B9AC, #C3B7F8, #407ED2, #160F96, #ECE0FC); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#C97F37, #C1C75F, #7E589A, #36D208, #A0E80B, #F513D4, #C97F37); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#2DFA36, #5CE689, #4DEE15, #50E91E, #082058, #29B942, #2DFA36); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#F140C2, #DF1048, #34B8D6, #982149, #B94B93, #982CEC, #F140C2); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#C6A451, #BA7989, #81AFEA, #E0B644, #00F8D2, #402C97, #C6A451); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#2CAFCB, #2CD132, #DD18E4, #33C672, #7E2826, #7F11FA, #2CAFCB); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#571D17, #4C5782, #1D94C1, #033D4B, #1109FA, #8E55EB, #571D17); 
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