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 closest-side at 50% 50%, #6A6D8A 37%, #B3DC35);

background: radial-gradient(ellipse farthest-side at 50% 50%, #67CFE9 23%, #47AB46);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #73EE86 2%, #E47FBB);

background: radial-gradient(circle closest-side at 50% 50%, #09C58D 24%, #9C6E8E);

background: radial-gradient(circle closest-corner at 50% 50%, #C8818E 50%, #508D44);

background: radial-gradient(circle farthest-side at 50% 50%, #D0703D 40%, #BB48C4);

background: radial-gradient(circle closest-side at 50% 50%, #8DD929 23%, #AA42F7);

background: radial-gradient(circle closest-corner at 50% 50%, #459D8C 22%, #336387);

background: radial-gradient(circle closest-corner at 50% 50%, #641D19 14%, #766E71);

background: radial-gradient(circle closest-side at 50% 50%, #99A8B3 9%, #783CB7);

background: radial-gradient(ellipse closest-corner at 50% 50%, #9D10C1 30%, #E8F9D1);

background: radial-gradient(ellipse closest-corner at 50% 50%, #AAA883 47%, #281931);

background: radial-gradient(ellipse closest-side at 50% 50%, #8BEE8C 26%, #FDCA07);

background: radial-gradient(circle farthest-side at 50% 50%, #A78DEE 36%, #7F249C);

background: radial-gradient(ellipse closest-side at 50% 50%, #02787F 50%, #C37460);

background: radial-gradient(ellipse closest-corner at 50% 50%, #E0EBB1 4%, #4EEBE1);

background: radial-gradient(ellipse closest-side at 50% 50%, #E1A048 18%, #DD51A2);

background: radial-gradient(ellipse closest-side at 50% 50%, #D5F534 30%, #B4664B);

background: radial-gradient(ellipse closest-side at 50% 50%, #40B259 8%, #ADF110);

background: radial-gradient(circle farthest-corner at 50% 50%, #DB22F4 24%, #090FBF);

background: radial-gradient(circle farthest-corner at 50% 50%, #E80431 8%, #C8848B);

background: radial-gradient(circle closest-side at 50% 50%, #E2013E 46%, #D8D1D4);

background: radial-gradient(ellipse closest-corner at 50% 50%, #EF3DA9 3%, #B759FC);

background: radial-gradient(ellipse farthest-side at 50% 50%, #2FE248 10%, #6D9A2D);

background: radial-gradient(ellipse farthest-corner at 50% 50%, #9BE988 16%, #E2AE2E);

background: radial-gradient(circle closest-side at 50% 50%, #797D5C 37%, #FC053C);

Corona

background: radial-gradient(ellipse farthest-side at 50% 50%, #80E407 22%, #99016E, #22FBDE);

background: radial-gradient(circle farthest-side at 50% 50%, #9ECD05 18%, #4AD02A, #3D60E0);

background: radial-gradient(circle farthest-side at 50% 50%, #E22663 43%, #F1B3A9, #038777);

background: radial-gradient(circle closest-corner at 50% 50%, #6360B1 37%, #363F78, #234658);

background: radial-gradient(ellipse closest-corner at 50% 50%, #88FB6E 40%, #656A4D, #F2B720);

background: radial-gradient(ellipse closest-side at 50% 50%, #1A349C 44%, #0229E0, #579B40);

background: radial-gradient(circle farthest-corner at 50% 50%, #AF977C 48%, #866A6F, #7EDD4C);

background: radial-gradient(ellipse farthest-side at 50% 50%, #BCA4A1 31%, #7999DC, #329AFD);

background: radial-gradient(ellipse closest-side at 50% 50%, #FF05C5 44%, #8DC1DB, #B142F6);

background: radial-gradient(ellipse closest-corner at 50% 50%, #C5A8DE 18%, #DAA552, #219D6A);

background: radial-gradient(ellipse closest-side at 50% 50%, #7F8FB8 13%, #185DF0, #F0B19E);

background: radial-gradient(circle farthest-side at 50% 50%, #F519BE 7%, #E665E3, #0392D1);

background: radial-gradient(circle farthest-corner at 50% 50%, #2036F0 23%, #DFB560, #E6F0E0);

background: radial-gradient(ellipse farthest-side at 50% 50%, #E0509D 13%, #C0E4D5, #02B375);

background: radial-gradient(circle farthest-corner at 50% 50%, #7542D5 5%, #159148, #4C3044);

background: radial-gradient(circle closest-side at 50% 50%, #B851B8 46%, #FABA43, #FFA053);

background: radial-gradient(circle closest-corner at 50% 50%, #233A0B 25%, #ABB3B6, #37F395);

background: radial-gradient(circle closest-side at 50% 50%, #8B039D 46%, #3E6D10, #07C815);

background: radial-gradient(ellipse closest-corner at 50% 50%, #4BF102 50%, #C49ED1, #B9CD5E);

background: radial-gradient(circle closest-corner at 50% 50%, #78C96B 49%, #C87654, #379F11);

background: radial-gradient(circle farthest-corner at 50% 50%, #06649F 32%, #62D950, #B0E3B9);

background: radial-gradient(ellipse closest-corner at 50% 50%, #791440 35%, #0D2ACA, #091322);

background: radial-gradient(circle farthest-corner at 50% 50%, #53CC90 10%, #0C098E, #CBE256);

background: radial-gradient(ellipse closest-corner at 50% 50%, #588A26 14%, #F04B42, #573585);

background: radial-gradient(circle farthest-side at 50% 50%, #42416F 24%, #C0C80C, #965D68);

background: radial-gradient(circle closest-side at 50% 50%, #923613 44%, #4AA30F, #4F1852);

Zirkelkreise

background: repeating-radial-gradient(circle, #C12A9A 40%, #2BAA14 50%);

background: repeating-radial-gradient(circle, #233509 40%, #60A7F0 50%);

background: repeating-radial-gradient(circle, #CC4668 40%, #949641 50%);

background: repeating-radial-gradient(circle, #A0F845 40%, #B4B68F 50%);

background: repeating-radial-gradient(circle, #3BF279 40%, #2942E5 50%);

background: repeating-radial-gradient(circle, #49E7AF 40%, #1388E0 50%);

background: repeating-radial-gradient(circle, #17D1E2 40%, #E79642 50%);

background: repeating-radial-gradient(circle, #D814FF 40%, #79D436 50%);

background: repeating-radial-gradient(circle, #80B344 40%, #AEA079 50%);

background: repeating-radial-gradient(circle, #32FA16 40%, #E4BA7C 50%);

background: repeating-radial-gradient(circle, #0B927E 40%, #DCE84C 50%);

background: repeating-radial-gradient(circle, #5F520B 40%, #8974B2 50%);

background: repeating-radial-gradient(circle, #524101 40%, #13AB17 50%);

background: repeating-radial-gradient(circle, #C08F38 40%, #71A636 50%);

background: repeating-radial-gradient(circle, #D85F30 40%, #AE1818 50%);

background: repeating-radial-gradient(circle, #93DFB4 40%, #A2A6D8 50%);

background: repeating-radial-gradient(circle, #F1CFA9 40%, #C73534 50%);

background: repeating-radial-gradient(circle, #48A4E0 40%, #810714 50%);

background: repeating-radial-gradient(circle, #C4A6B0 40%, #2CDA48 50%);

background: repeating-radial-gradient(circle, #367097 40%, #B0E676 50%);

background: repeating-radial-gradient(circle, #DAE543 40%, #045F05 50%);

background: repeating-radial-gradient(circle, #D93EC4 40%, #D3F764 50%);

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

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

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

background: repeating-radial-gradient(circle, #7BB802 40%, #184AB5 50%);

background: repeating-radial-gradient(circle, #016108 40%, #170F40 50%);

background: repeating-radial-gradient(circle, #3AEE62 40%, #0CB61C 50%);

background: repeating-radial-gradient(circle, #4458B2 40%, #72B3DD 50%);

background: repeating-radial-gradient(circle, #C00D69 40%, #014CB2 50%);

background: repeating-radial-gradient(circle, #D5ABE2 40%, #279D27 50%);

background: repeating-radial-gradient(circle, #837413 40%, #C2D6F0 50%);

background: repeating-radial-gradient(circle, #496091 40%, #FB81A0 50%);

background: repeating-radial-gradient(circle, #945963 40%, #882775 50%);

background: repeating-radial-gradient(circle, #14E81E 40%, #4233EA 50%);

background: repeating-radial-gradient(circle, #D38AEB 40%, #EC511D 50%);

background: repeating-radial-gradient(circle, #6C9512 40%, #756B72 50%);

background: repeating-radial-gradient(circle, #97CA2E 40%, #C9DB5E 50%);

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

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

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

background: repeating-radial-gradient(circle, #43A390 40%, #9B651F 50%);

background: repeating-radial-gradient(circle, #1258FF 40%, #70E309 50%);

background: repeating-radial-gradient(circle, #F280F9 40%, #0CA679 50%);

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

background: repeating-radial-gradient(circle, #86FA38 40%, #3788EF 50%);

background: repeating-radial-gradient(circle, #2D439F 40%, #693B8C 50%);

background: repeating-radial-gradient(circle, #7968D1 40%, #133EC6 50%);

background: repeating-radial-gradient(circle, #2670A2 40%, #673C47 50%);

background: repeating-radial-gradient(circle, #34D651 40%, #1B7D09 50%);

background: repeating-radial-gradient(circle, #7987BB 40%, #CB320B 50%);

Blush

background: repeating-radial-gradient(farthest-corner, #CC22D1, #7C21CD, #94240D);

background: repeating-radial-gradient(farthest-corner, #65C70D, #BC4FCC, #7EB51F);

background: repeating-radial-gradient(farthest-corner, #B71F52, #E84D40, #B29C8F);

background: repeating-radial-gradient(farthest-corner, #366057, #A3C7C7, #7E5FB0);

background: repeating-radial-gradient(farthest-corner, #67C864, #004ACF, #553E7A);

background: repeating-radial-gradient(farthest-corner, #B86277, #9A7747, #A3D7E7);

background: repeating-radial-gradient(farthest-corner, #C8B8A9, #91BD53, #4194E4);

background: repeating-radial-gradient(farthest-corner, #5AF767, #E0809D, #F43C98);

background: repeating-radial-gradient(farthest-corner, #62B52A, #E58A40, #69351E);

background: repeating-radial-gradient(farthest-corner, #7D7D3E, #AE0BD1, #4DD155);

background: repeating-radial-gradient(farthest-corner, #FFDB1B, #015567, #28E9AC);

background: repeating-radial-gradient(farthest-corner, #1F4819, #2E1ED8, #8A2B21);

background: repeating-radial-gradient(farthest-corner, #51D7CC, #53C3B8, #F4C4FE);

background: repeating-radial-gradient(farthest-corner, #B97BE0, #EB6BB6, #937DDB);

background: repeating-radial-gradient(farthest-corner, #43A470, #1D083F, #049992);

background: repeating-radial-gradient(farthest-corner, #5B0274, #3D2919, #818FD7);

background: repeating-radial-gradient(farthest-corner, #1D6B7D, #F00C16, #829C6B);

background: repeating-radial-gradient(farthest-corner, #49A6FA, #A47852, #802503);

background: repeating-radial-gradient(farthest-corner, #1B4B35, #D063C6, #9A1B4D);

background: repeating-radial-gradient(farthest-corner, #3FD5AF, #D2507C, #455675);

background: repeating-radial-gradient(farthest-corner, #83F0B3, #651814, #181E70);

background: repeating-radial-gradient(farthest-corner, #953260, #492DAB, #8D4197);

background: repeating-radial-gradient(farthest-corner, #7DD889, #3EF8DF, #A7CDCD);

background: repeating-radial-gradient(farthest-corner, #1EF8AA, #32A192, #69596A);

background: repeating-radial-gradient(farthest-corner, #1D705C, #6689B5, #2D9493);

background: repeating-radial-gradient(farthest-corner, #590CA2, #21AF35, #6982AC);

Ringe

background: repeating-radial-gradient(#5F3671, #5F3671 5px, #F2D919 5px, #F2D919 10px);

background: repeating-radial-gradient(#10D197, #10D197 5px, #233597 5px, #233597 10px);

background: repeating-radial-gradient(#D824F8, #D824F8 5px, #BEDBCC 5px, #BEDBCC 10px);

background: repeating-radial-gradient(#A2AD59, #A2AD59 5px, #F2DD20 5px, #F2DD20 10px);

background: repeating-radial-gradient(#A3D15F, #A3D15F 5px, #D16F37 5px, #D16F37 10px);

background: repeating-radial-gradient(#C0A74F, #C0A74F 5px, #79455F 5px, #79455F 10px);

background: repeating-radial-gradient(#BE3B01, #BE3B01 5px, #251843 5px, #251843 10px);

background: repeating-radial-gradient(#7A1252, #7A1252 5px, #643E7F 5px, #643E7F 10px);

background: repeating-radial-gradient(#3031E4, #3031E4 5px, #BAD3C5 5px, #BAD3C5 10px);

background: repeating-radial-gradient(#5E3504, #5E3504 5px, #D4B8C3 5px, #D4B8C3 10px);

background: repeating-radial-gradient(#987F23, #987F23 5px, #F2A470 5px, #F2A470 10px);

background: repeating-radial-gradient(#0C93C6, #0C93C6 5px, #C3BC55 5px, #C3BC55 10px);

background: repeating-radial-gradient(#11F9B7, #11F9B7 5px, #A5F4E6 5px, #A5F4E6 10px);

background: repeating-radial-gradient(#D79936, #D79936 5px, #144909 5px, #144909 10px);

background: repeating-radial-gradient(#1FC489, #1FC489 5px, #142730 5px, #142730 10px);

background: repeating-radial-gradient(#6F0E25, #6F0E25 5px, #69FC4F 5px, #69FC4F 10px);

background: repeating-radial-gradient(#5DC707, #5DC707 5px, #E6D37C 5px, #E6D37C 10px);

background: repeating-radial-gradient(#89A5FA, #89A5FA 5px, #F68A05 5px, #F68A05 10px);

background: repeating-radial-gradient(#223EF3, #223EF3 5px, #ECAB95 5px, #ECAB95 10px);

background: repeating-radial-gradient(#51DAB1, #51DAB1 5px, #6B03D6 5px, #6B03D6 10px);

background: repeating-radial-gradient(#ABAD08, #ABAD08 5px, #55802C 5px, #55802C 10px);

background: repeating-radial-gradient(#079800, #079800 5px, #904461 5px, #904461 10px);

background: repeating-radial-gradient(#086532, #086532 5px, #FDA25E 5px, #FDA25E 10px);

background: repeating-radial-gradient(#52A68B, #52A68B 5px, #3F658D 5px, #3F658D 10px);

background: repeating-radial-gradient(#CC0141, #CC0141 5px, #C10B19 5px, #C10B19 10px);

background: repeating-radial-gradient(#5CE642, #5CE642 5px, #EF611D 5px, #EF611D 10px);

Strahlen

background: repeating-conic-gradient(from 136deg at 25% 77%, #BAB3F4 0 15deg, #289D60 0 30deg);

background: repeating-conic-gradient(from 243deg at 23% 89%, #45D305 0 15deg, #6C4967 0 30deg);

background: repeating-conic-gradient(from 228deg at 55% 31%, #852061 0 15deg, #FAFC45 0 30deg);

background: repeating-conic-gradient(from 62deg at 64% 78%, #457022 0 15deg, #4A6F5A 0 30deg);

background: repeating-conic-gradient(from 112deg at 64% 83%, #DF5449 0 15deg, #340039 0 30deg);

background: repeating-conic-gradient(from 155deg at 77% 69%, #D0DA5B 0 15deg, #7DCB1C 0 30deg);

background: repeating-conic-gradient(from 234deg at 45% 71%, #2AA9BB 0 15deg, #4CD532 0 30deg);

background: repeating-conic-gradient(from 63deg at 67% 18%, #EF5597 0 15deg, #C64815 0 30deg);

background: repeating-conic-gradient(from 26deg at 32% 59%, #3397F1 0 15deg, #3D9071 0 30deg);

background: repeating-conic-gradient(from 31deg at 39% 62%, #B74BE3 0 15deg, #1813F3 0 30deg);

background: repeating-conic-gradient(from 191deg at 24% 15%, #5BF8EB 0 15deg, #778C36 0 30deg);

background: repeating-conic-gradient(from 139deg at 72% 72%, #0B28E9 0 15deg, #F4E97D 0 30deg);

background: repeating-conic-gradient(from 295deg at 63% 42%, #7A36E8 0 15deg, #1BF435 0 30deg);

background: repeating-conic-gradient(from 100deg at 68% 52%, #2DC794 0 15deg, #725392 0 30deg);

background: repeating-conic-gradient(from 56deg at 88% 76%, #1B8666 0 15deg, #509222 0 30deg);

background: repeating-conic-gradient(from 167deg at 75% 52%, #DF91BA 0 15deg, #2EB8D9 0 30deg);

background: repeating-conic-gradient(from 222deg at 50% 12%, #5A571D 0 15deg, #E1CAB9 0 30deg);

background: repeating-conic-gradient(from 235deg at 57% 48%, #3DF26E 0 15deg, #335507 0 30deg);

background: repeating-conic-gradient(from 176deg at 66% 87%, #E94596 0 15deg, #1FE673 0 30deg);

background: repeating-conic-gradient(from 183deg at 88% 16%, #3A7DAA 0 15deg, #785F91 0 30deg);

background: repeating-conic-gradient(from 128deg at 21% 45%, #9C2246 0 15deg, #2B7569 0 30deg);

background: repeating-conic-gradient(from 263deg at 28% 56%, #8618E8 0 15deg, #0EA53D 0 30deg);

background: repeating-conic-gradient(from 123deg at 43% 16%, #F14EAD 0 15deg, #89E6B7 0 30deg);

background: repeating-conic-gradient(from 266deg at 12% 64%, #F292EC 0 15deg, #366983 0 30deg);

background: repeating-conic-gradient(from 40deg at 81% 78%, #945969 0 15deg, #E0A335 0 30deg);

background: repeating-conic-gradient(from 241deg at 40% 16%, #700A1F 0 15deg, #6F316E 0 30deg);

Rahmen

border-image: conic-gradient(#F0436F, #3F79DF, #0F6041, #3C6A13, #9F6224, #79A90D, #F0436F); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#36B820, #3F6E19, #34C968, #754938, #CF0780, #785B27, #36B820); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#8EAFAA, #8B84C1, #76F739, #E0549D, #A36E83, #4A6E85, #8EAFAA); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#28C35C, #A9CCE3, #2B1CD6, #8B6CF0, #E9388E, #1765DB, #28C35C); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#548B7C, #AAF656, #9593D2, #95842D, #C956BA, #F4B50A, #548B7C); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#B9B8AC, #774AE5, #C68B52, #9FD05C, #54651A, #61E8BB, #B9B8AC); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#2E608B, #934D59, #873699, #DE1FCD, #4EE989, #E60D4A, #2E608B); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#874CE4, #BDCF52, #6692C4, #0F183C, #ED8AFC, #263828, #874CE4); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#C986B4, #8333D6, #07DC4D, #1D9279, #958C18, #52A96D, #C986B4); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#93FDD1, #D1F251, #33FF6C, #27B68F, #D15EAD, #D65E2C, #93FDD1); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#C080B7, #AA0FA4, #15658C, #9E6CDF, #3AED46, #58C4E0, #C080B7); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#BFA8C1, #51A334, #D8951A, #E5A63A, #AFD2C5, #CBE22D, #BFA8C1); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#57EF3C, #CC864E, #E9B1D5, #7D4015, #61A0E3, #9C201E, #57EF3C); 
border-image-slice: 1; border-width: 10px; border-style: solid;

border-image: conic-gradient(#FF5E49, #FB464D, #FEDEC6, #B1F832, #EFBC0F, #719768, #FF5E49); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#A52682, #A8B246, #9FE882, #9F68F8, #876C1C, #78AAF2, #A52682); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#52B424, #F78967, #77E93F, #003013, #86E5CC, #BD3201, #52B424); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#5ACBE1, #6FED85, #BBAFEF, #3747A1, #06F421, #7332D3, #5ACBE1); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#EE94E8, #CEBB34, #34A6BB, #3E64A6, #FDC32D, #91E30E, #EE94E8); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#64B5E3, #52CAD6, #01D7AD, #6112FC, #A44B2F, #99404F, #64B5E3); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#14C796, #5C411B, #61335E, #D0B817, #80C571, #BE8A87, #14C796); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#6D360E, #3989EB, #767077, #E1ED5A, #47D634, #34A5CF, #6D360E); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#914BAE, #B2C9A1, #A16E54, #B9D6B1, #775866, #5604B7, #914BAE); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#F68C93, #280BE2, #7948F9, #2979F1, #2A840C, #6B7087, #F68C93); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#E590BB, #A6DEAB, #1C0448, #CE1653, #CE5686, #C77142, #E590BB); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#C5640A, #986EEC, #6149B8, #08A18C, #F0CA9E, #77287C, #C5640A); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#EF34E2, #D0C7FA, #8DCD10, #2FF8D4, #A8B94C, #92DA1F, #EF34E2); 
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;

border-image: conic-gradient(#3BB92D, #AFA5FA, #1EE844, #273051, #FC1D3A, #269232, #3BB92D); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#34ADEE, #985F34, #A36941, #C0A4F6, #AC492A, #F8BF34, #34ADEE); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#430ABE, #9D0F63, #2950FB, #5C97FB, #6A2CA9, #81510F, #430ABE); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#0B8204, #59D2B7, #50E07A, #1341C5, #01C2E7, #9CF010, #0B8204); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#997F7C, #9E6233, #3CC6BC, #34E58E, #28BE09, #A299B3, #997F7C); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#D86B47, #69B358, #59916B, #A2A374, #F0B96A, #0266A2, #D86B47); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#882380, #926D9A, #9397A7, #A2CF03, #1A2E8A, #1186B4, #882380); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#6392C3, #84FD55, #D8D33D, #9F778F, #48B117, #7313C0, #6392C3); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#F52E43, #581E34, #D86FFF, #FAB7DF, #80A40C, #80A3E2, #F52E43); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#AE9358, #219598, #D6B421, #4B919E, #40E4A8, #AF6701, #AE9358); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#2FAEC1, #E1203C, #CCD97C, #043AC8, #8F7D91, #C673E8, #2FAEC1); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#840A02, #AD62B2, #F6DE13, #A94B32, #5770AC, #A02AA0, #840A02); 
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);

border-image: conic-gradient(#B4F3E5, #EE2AC6, #2F16F6, #0FF923, #E1FBB2, #6A3B8A, #B4F3E5); 
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