Farbverlauf mit CSS 1
2
3
4
5
6
7
8
Diverse ( Beispiele)
background: radial-gradient(circle farthest-side at 50% 50%, #7DC809 14%, #BEF131);
background: radial-gradient(ellipse closest-corner at 50% 50%, #C48982 40%, #24944D);
background: radial-gradient(ellipse closest-corner at 50% 50%, #DA0D77 11%, #C6DB24);
background: radial-gradient(circle closest-side at 50% 50%, #206C76 5%, #78C72D);
background: radial-gradient(ellipse farthest-corner at 50% 50%, #7D28A9 4%, #407E25);
background: radial-gradient(ellipse closest-side at 50% 50%, #E55B2A 34%, #668A3E);
background: radial-gradient(ellipse closest-side at 50% 50%, #4C2957 25%, #7CA308);
background: radial-gradient(ellipse farthest-corner at 50% 50%, #7B8348 34%, #85B8A0);
background: radial-gradient(ellipse closest-corner at 50% 50%, #70F807 10%, #427EAE);
background: radial-gradient(circle farthest-corner at 50% 50%, #2F33F7 22%, #31CB9B);
background: radial-gradient(ellipse closest-corner at 50% 50%, #4DE64D 45%, #27F312);
background: radial-gradient(ellipse farthest-side at 50% 50%, #61D30C 13%, #BE2403);
background: radial-gradient(ellipse closest-side at 50% 50%, #F43093 47%, #707652);
background: radial-gradient(ellipse closest-corner at 50% 50%, #798616 19%, #9C6B54);
background: radial-gradient(ellipse closest-corner at 50% 50%, #F34836 23%, #110AD2);
background: radial-gradient(circle closest-side at 50% 50%, #E005BA 31%, #98EFD8);
background: radial-gradient(ellipse closest-side at 50% 50%, #87B37D 9%, #EF043D);
background: radial-gradient(circle closest-side at 50% 50%, #147B2B 27%, #804024);
background: radial-gradient(circle closest-corner at 50% 50%, #BADDAE 21%, #5497A8);
background: radial-gradient(circle farthest-side at 50% 50%, #BB1F90 16%, #B67F41);
background: radial-gradient(circle closest-side at 50% 50%, #83C2D3 36%, #8F4CC7);
background: radial-gradient(circle closest-side at 50% 50%, #2F6333 26%, #28BCD8);
background: radial-gradient(circle farthest-corner at 50% 50%, #B381B7 27%, #FE8F4F);
background: radial-gradient(circle closest-corner at 50% 50%, #DB48BC 21%, #343620);
background: radial-gradient(ellipse closest-corner at 50% 50%, #DB9510 1%, #759809);
background: radial-gradient(ellipse farthest-corner at 50% 50%, #8157F8 5%, #E47B8B);
Corona
background: radial-gradient(circle closest-corner at 50% 50%, #9AE082 27%, #8BA3B3, #05962E);
background: radial-gradient(ellipse closest-corner at 50% 50%, #39A73F 47%, #C0A03E, #76FEE4);
background: radial-gradient(ellipse closest-side at 50% 50%, #5C8115 50%, #DE591C, #306C65);
background: radial-gradient(circle farthest-corner at 50% 50%, #18951A 36%, #6C3D80, #3B6D70);
background: radial-gradient(ellipse closest-corner at 50% 50%, #ACBFA7 15%, #613899, #1FD3C8);
background: radial-gradient(circle closest-corner at 50% 50%, #752D75 5%, #CFC54A, #FD8AD5);
background: radial-gradient(ellipse farthest-side at 50% 50%, #67834B 40%, #5A9930, #731A2B);
background: radial-gradient(ellipse closest-corner at 50% 50%, #066D7B 50%, #B40089, #E10DB3);
background: radial-gradient(ellipse closest-side at 50% 50%, #7008A3 47%, #C84CAD, #B3EA96);
background: radial-gradient(circle farthest-corner at 50% 50%, #D8DD64 19%, #FA6125, #C257E8);
background: radial-gradient(ellipse closest-corner at 50% 50%, #336015 27%, #3BAD17, #E070F7);
background: radial-gradient(ellipse closest-side at 50% 50%, #9D4288 9%, #CBA06A, #07CC91);
background: radial-gradient(ellipse farthest-corner at 50% 50%, #AB84FC 42%, #642753, #43FF96);
background: radial-gradient(circle closest-side at 50% 50%, #88A0CC 35%, #0CDFC5, #81309B);
background: radial-gradient(ellipse farthest-side at 50% 50%, #3827A0 39%, #E1F265, #02DE1F);
background: radial-gradient(circle closest-corner at 50% 50%, #ACA3B6 27%, #6993C9, #945C54);
background: radial-gradient(ellipse closest-side at 50% 50%, #32B09D 32%, #E5764E, #621893);
background: radial-gradient(ellipse farthest-side at 50% 50%, #6D3AA7 40%, #C73ED6, #3236D7);
background: radial-gradient(circle farthest-side at 50% 50%, #37B6A6 16%, #6755D2, #F25537);
background: radial-gradient(ellipse farthest-side at 50% 50%, #08962B 5%, #F603EF, #39D920);
background: radial-gradient(ellipse farthest-side at 50% 50%, #0D58F0 38%, #480D8F, #E48CCB);
background: radial-gradient(ellipse farthest-side at 50% 50%, #5E97C0 10%, #6AD89F, #033FE0);
background: radial-gradient(circle farthest-side at 50% 50%, #EFE722 36%, #1BC4D4, #499B15);
background: radial-gradient(circle closest-corner at 50% 50%, #909E38 7%, #497D01, #B7C706);
background: radial-gradient(circle closest-side at 50% 50%, #47F375 13%, #90D104, #76A106);
background: radial-gradient(ellipse closest-side at 50% 50%, #A5A0DA 17%, #680673, #573195);
Zirkelkreise
background: repeating-radial-gradient(circle, #4783A4 40%, #A251E6 50%);
background: repeating-radial-gradient(circle, #6E122B 40%, #343B29 50%);
background: repeating-radial-gradient(circle, #81A38F 40%, #2ADDBB 50%);
background: repeating-radial-gradient(circle, #21ED95 40%, #0E1C2E 50%);
background: repeating-radial-gradient(circle, #116B06 40%, #77ED7D 50%);
background: repeating-radial-gradient(circle, #7F00A4 40%, #B43034 50%);
background: repeating-radial-gradient(circle, #701008 40%, #097C86 50%);
background: repeating-radial-gradient(circle, #6B932C 40%, #749394 50%);
background: repeating-radial-gradient(circle, #8D046A 40%, #620B60 50%);
background: repeating-radial-gradient(circle, #E5C766 40%, #7E1304 50%);
background: repeating-radial-gradient(circle, #447711 40%, #1CF7A5 50%);
background: repeating-radial-gradient(circle, #4CFCDF 40%, #A07E38 50%);
background: repeating-radial-gradient(circle, #22F24D 40%, #1D297B 50%);
background: repeating-radial-gradient(circle, #116EC7 40%, #5E16BE 50%);
background: repeating-radial-gradient(circle, #3C04AA 40%, #8928AD 50%);
background: repeating-radial-gradient(circle, #4E1A04 40%, #3CDEFF 50%);
background: repeating-radial-gradient(circle, #9BA688 40%, #2F19FD 50%);
background: repeating-radial-gradient(circle, #A9B1E3 40%, #75CAF2 50%);
background: repeating-radial-gradient(circle, #6C7B2C 40%, #61D118 50%);
background: repeating-radial-gradient(circle, #F0633B 40%, #BAF9B1 50%);
background: repeating-radial-gradient(circle, #A86E47 40%, #809802 50%);
background: repeating-radial-gradient(circle, #A88B18 40%, #6C5D24 50%);
background: repeating-radial-gradient(circle, #7E43AE 40%, #72DC68 50%);
background: repeating-radial-gradient(circle, #AB6625 40%, #D2C7B7 50%);
background: repeating-radial-gradient(circle, #024948 40%, #2820E0 50%);
background: repeating-radial-gradient(circle, #5125B5 40%, #63E877 50%);
background: repeating-radial-gradient(circle, #E17104 40%, #187499 50%);
background: repeating-radial-gradient(circle, #4AA0DE 40%, #7D14D5 50%);
background: repeating-radial-gradient(circle, #226343 40%, #FEB3A7 50%);
background: repeating-radial-gradient(circle, #BC0235 40%, #A8AC07 50%);
background: repeating-radial-gradient(circle, #D0CAA9 40%, #2A800A 50%);
background: repeating-radial-gradient(circle, #8E792C 40%, #8A5DB9 50%);
background: repeating-radial-gradient(circle, #238864 40%, #C9B156 50%);
background: repeating-radial-gradient(circle, #23B759 40%, #3FDD3F 50%);
background: repeating-radial-gradient(circle, #021E97 40%, #7369C7 50%);
background: repeating-radial-gradient(circle, #7D9EE9 40%, #A05847 50%);
background: repeating-radial-gradient(circle, #8AF874 40%, #CAEE99 50%);
background: repeating-radial-gradient(circle, #B81272 40%, #26F7D7 50%);
background: repeating-radial-gradient(circle, #CF0A5B 40%, #6ADBEA 50%);
background: repeating-radial-gradient(circle, #B0C2B5 40%, #AF155C 50%);
background: repeating-radial-gradient(circle, #322841 40%, #BCC739 50%);
background: repeating-radial-gradient(circle, #2E6343 40%, #1F8E9F 50%);
background: repeating-radial-gradient(circle, #4CA0C7 40%, #242117 50%);
background: repeating-radial-gradient(circle, #3728DB 40%, #DA9847 50%);
background: repeating-radial-gradient(circle, #A620E6 40%, #C9AFD8 50%);
background: repeating-radial-gradient(circle, #64D4A4 40%, #067174 50%);
background: repeating-radial-gradient(circle, #11CAF8 40%, #8FC822 50%);
background: repeating-radial-gradient(circle, #C4479B 40%, #35CC16 50%);
background: repeating-radial-gradient(circle, #5200BC 40%, #995F00 50%);
background: repeating-radial-gradient(circle, #DDB363 40%, #6A3125 50%);
background: repeating-radial-gradient(circle, #19DF53 40%, #52DBDA 50%);
Blush
background: repeating-radial-gradient(farthest-corner, #C28D4C, #DB9361, #F742B3);
background: repeating-radial-gradient(farthest-corner, #769A73, #F1A385, #B55619);
background: repeating-radial-gradient(farthest-corner, #F0C30F, #73AC8C, #DA76E9);
background: repeating-radial-gradient(farthest-corner, #E45110, #566601, #744596);
background: repeating-radial-gradient(farthest-corner, #CF26A8, #6DDA64, #16B168);
background: repeating-radial-gradient(farthest-corner, #B7F262, #695034, #51014C);
background: repeating-radial-gradient(farthest-corner, #5D2FBA, #AB98B6, #C4C36D);
background: repeating-radial-gradient(farthest-corner, #0B37FF, #D8F055, #6DA2D1);
background: repeating-radial-gradient(farthest-corner, #A04652, #A6D105, #48C514);
background: repeating-radial-gradient(farthest-corner, #C699FD, #8722D6, #A91194);
background: repeating-radial-gradient(farthest-corner, #7368C9, #24DA05, #9D858A);
background: repeating-radial-gradient(farthest-corner, #28CA8C, #5817B9, #1193DD);
background: repeating-radial-gradient(farthest-corner, #DFC5E0, #B0D55F, #2C2474);
background: repeating-radial-gradient(farthest-corner, #E0AEE6, #F1EA08, #56A347);
background: repeating-radial-gradient(farthest-corner, #B5F417, #482DBF, #72AB06);
background: repeating-radial-gradient(farthest-corner, #50A4EA, #040B6C, #49C341);
background: repeating-radial-gradient(farthest-corner, #2C472C, #7E54B8, #7182CD);
background: repeating-radial-gradient(farthest-corner, #003D30, #016DF1, #88EDFA);
background: repeating-radial-gradient(farthest-corner, #E2CBF8, #CB95B5, #7CA8B8);
background: repeating-radial-gradient(farthest-corner, #F64F77, #7642DC, #71CFE3);
background: repeating-radial-gradient(farthest-corner, #F0B176, #55B73C, #B449B7);
background: repeating-radial-gradient(farthest-corner, #A8E6EE, #A63CA5, #1AC578);
background: repeating-radial-gradient(farthest-corner, #02C763, #CDD3B5, #B475FC);
background: repeating-radial-gradient(farthest-corner, #685DD2, #4D8395, #4D3D40);
background: repeating-radial-gradient(farthest-corner, #8AA1D9, #FDD7F8, #5DA422);
background: repeating-radial-gradient(farthest-corner, #561373, #85E2EF, #DC8898);
Ringe
background: repeating-radial-gradient(#DAE68A, #DAE68A 5px, #27D92E 5px, #27D92E 10px);
background: repeating-radial-gradient(#9C0B78, #9C0B78 5px, #37961C 5px, #37961C 10px);
background: repeating-radial-gradient(#C1C47C, #C1C47C 5px, #B9DE4F 5px, #B9DE4F 10px);
background: repeating-radial-gradient(#1CEC01, #1CEC01 5px, #0B49BF 5px, #0B49BF 10px);
background: repeating-radial-gradient(#094FF0, #094FF0 5px, #E61303 5px, #E61303 10px);
background: repeating-radial-gradient(#FFCA7B, #FFCA7B 5px, #C88170 5px, #C88170 10px);
background: repeating-radial-gradient(#116280, #116280 5px, #3E2A0F 5px, #3E2A0F 10px);
background: repeating-radial-gradient(#3784D9, #3784D9 5px, #DE7826 5px, #DE7826 10px);
background: repeating-radial-gradient(#4F74BF, #4F74BF 5px, #D3B133 5px, #D3B133 10px);
background: repeating-radial-gradient(#FF4192, #FF4192 5px, #FB7A86 5px, #FB7A86 10px);
background: repeating-radial-gradient(#8C3A0B, #8C3A0B 5px, #546164 5px, #546164 10px);
background: repeating-radial-gradient(#4CBE23, #4CBE23 5px, #EC6E3B 5px, #EC6E3B 10px);
background: repeating-radial-gradient(#CBACA5, #CBACA5 5px, #D0B6E9 5px, #D0B6E9 10px);
background: repeating-radial-gradient(#8379A6, #8379A6 5px, #01395E 5px, #01395E 10px);
background: repeating-radial-gradient(#FC1456, #FC1456 5px, #290E0F 5px, #290E0F 10px);
background: repeating-radial-gradient(#375EE6, #375EE6 5px, #9635C9 5px, #9635C9 10px);
background: repeating-radial-gradient(#9737E8, #9737E8 5px, #04CC86 5px, #04CC86 10px);
background: repeating-radial-gradient(#783421, #783421 5px, #A648C2 5px, #A648C2 10px);
background: repeating-radial-gradient(#CB8284, #CB8284 5px, #60003C 5px, #60003C 10px);
background: repeating-radial-gradient(#ED7671, #ED7671 5px, #F243A3 5px, #F243A3 10px);
background: repeating-radial-gradient(#89C659, #89C659 5px, #E141BA 5px, #E141BA 10px);
background: repeating-radial-gradient(#52825D, #52825D 5px, #F32E3D 5px, #F32E3D 10px);
background: repeating-radial-gradient(#99C981, #99C981 5px, #AC3EAF 5px, #AC3EAF 10px);
background: repeating-radial-gradient(#0C9B89, #0C9B89 5px, #2E40EF 5px, #2E40EF 10px);
background: repeating-radial-gradient(#A6471F, #A6471F 5px, #D1D618 5px, #D1D618 10px);
background: repeating-radial-gradient(#4F846D, #4F846D 5px, #D20B40 5px, #D20B40 10px);
Strahlen
background: repeating-conic-gradient(from 218deg at 12% 66%, #7A6D7D 0 15deg, #64477B 0 30deg);
background: repeating-conic-gradient(from 23deg at 25% 21%, #1D94B8 0 15deg, #E1C1C3 0 30deg);
background: repeating-conic-gradient(from 194deg at 24% 76%, #A8BA56 0 15deg, #813C01 0 30deg);
background: repeating-conic-gradient(from 239deg at 37% 70%, #7B35F5 0 15deg, #76A433 0 30deg);
background: repeating-conic-gradient(from 270deg at 21% 66%, #3AEBC1 0 15deg, #A28A82 0 30deg);
background: repeating-conic-gradient(from 159deg at 27% 80%, #975992 0 15deg, #C3AB3A 0 30deg);
background: repeating-conic-gradient(from 152deg at 58% 88%, #9ED97F 0 15deg, #A38F9B 0 30deg);
background: repeating-conic-gradient(from 166deg at 37% 38%, #C24303 0 15deg, #D8EC88 0 30deg);
background: repeating-conic-gradient(from 47deg at 47% 42%, #F02ED2 0 15deg, #B2CCCF 0 30deg);
background: repeating-conic-gradient(from 122deg at 21% 61%, #1BFE9D 0 15deg, #DD115A 0 30deg);
background: repeating-conic-gradient(from 229deg at 34% 31%, #344E1E 0 15deg, #EE76B1 0 30deg);
background: repeating-conic-gradient(from 173deg at 64% 88%, #76B196 0 15deg, #1A3A18 0 30deg);
background: repeating-conic-gradient(from 137deg at 33% 40%, #D3F957 0 15deg, #E82228 0 30deg);
background: repeating-conic-gradient(from 255deg at 74% 52%, #21244A 0 15deg, #E4EDA4 0 30deg);
background: repeating-conic-gradient(from 52deg at 21% 21%, #D1D218 0 15deg, #A219BD 0 30deg);
background: repeating-conic-gradient(from 211deg at 68% 43%, #4321E6 0 15deg, #EB7EAC 0 30deg);
background: repeating-conic-gradient(from 273deg at 22% 17%, #09243E 0 15deg, #F9BC27 0 30deg);
background: repeating-conic-gradient(from 142deg at 23% 12%, #97F023 0 15deg, #953AB9 0 30deg);
background: repeating-conic-gradient(from 296deg at 12% 51%, #9708B3 0 15deg, #9335F4 0 30deg);
background: repeating-conic-gradient(from 227deg at 31% 47%, #C8954D 0 15deg, #CAD2E5 0 30deg);
background: repeating-conic-gradient(from 63deg at 35% 59%, #DEF9A2 0 15deg, #595ADD 0 30deg);
background: repeating-conic-gradient(from 114deg at 57% 77%, #13551D 0 15deg, #2AB8CA 0 30deg);
background: repeating-conic-gradient(from 61deg at 87% 42%, #669A69 0 15deg, #FCAA13 0 30deg);
background: repeating-conic-gradient(from 91deg at 73% 51%, #25DF57 0 15deg, #2A671A 0 30deg);
background: repeating-conic-gradient(from 98deg at 55% 10%, #0977D5 0 15deg, #613496 0 30deg);
background: repeating-conic-gradient(from 31deg at 74% 61%, #C04498 0 15deg, #9FD4A8 0 30deg);
Rahmen
border-image: conic-gradient(#B456AE, #056033, #B672AD, #44C2EA, #4A368C, #560A5D, #B456AE);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#4CCFCD, #DBBB9D, #05FF80, #76E7D5, #77EFFE, #B924E0, #4CCFCD);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#CB181A, #1AA865, #AABD63, #F7F4D7, #E2DF2D, #4DA17C, #CB181A);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#B6A432, #48D781, #DD9AA8, #C508E0, #343871, #9F316A, #B6A432);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#F659AD, #8FCB35, #6EDC9A, #8C1FD7, #8580F4, #D2E719, #F659AD);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#981CC3, #69CC11, #5FB95D, #C0D259, #3C46A0, #07E5C8, #981CC3);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#FDE573, #C4F994, #AE6F77, #609BFB, #107FE3, #6CB92E, #FDE573);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#C16D48, #68A589, #C8D4FB, #BA1641, #5711D1, #4E3D09, #C16D48);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#924BE2, #E7EEA1, #4ED637, #9F303F, #0F80FF, #349EDA, #924BE2);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#D4183F, #2013FC, #BC3367, #72C576, #2FB30D, #A50A55, #D4183F);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#7E21A1, #06AAB3, #0799EC, #C617FF, #C33E7E, #3FF853, #7E21A1);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#FFA39B, #D3417C, #F2E76D, #CD4EBF, #F3163D, #271532, #FFA39B);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#1B007D, #5D7AF9, #1EC0AC, #AA6436, #2D29D5, #C52872, #1B007D);
border-image-slice: 1; border-width: 10px; border-style: solid;
border-image: conic-gradient(#1AC44B, #AB5A75, #90253F, #88E455, #72178B, #0662D5, #1AC44B);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#D90810, #581F88, #4C80C2, #8407A1, #0482CA, #D29996, #D90810);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#01547B, #118C97, #ACC247, #D75C9A, #A70BD9, #7DA5BC, #01547B);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#0D3C2C, #F4FE54, #0C99B3, #F3DAF0, #EB87B2, #50A2B1, #0D3C2C);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#431A24, #1D4787, #241A6E, #E1A668, #0D9DED, #BD1BF0, #431A24);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#1D62CF, #459849, #1EB773, #23CE1D, #7F436C, #0913BE, #1D62CF);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#4D23A0, #9C8D65, #671C96, #B5FB10, #8AE952, #FEE7B7, #4D23A0);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#B551B4, #3EF743, #388550, #3E9058, #4F9E28, #122946, #B551B4);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#5FBB6F, #517E6A, #F5F89D, #1074AD, #7DAFD4, #2CBE86, #5FBB6F);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#765122, #38922B, #8680BB, #F9835E, #742989, #71BE66, #765122);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#AC5BF4, #FA82AA, #D385EB, #F76B26, #2F0481, #EA1D7F, #AC5BF4);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#39AD52, #908C24, #D4C1F3, #392505, #61922E, #66B91B, #39AD52);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#449CAA, #93291B, #A9BB73, #8D2426, #56C69E, #D274CB, #449CAA);
border-image-slice: 1; border-width: 10px; border-style: solid; box-shadow: 0px 0px 4px 3px #AAAAAA;
border-image: conic-gradient(#2D551E, #75B665, #A97541, #751145, #46A9C8, #CB7CA9, #2D551E);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#1DCC7D, #AE03A5, #0449AF, #ED2A61, #C510BB, #B3F541, #1DCC7D);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#92B181, #DBEEFA, #F2EC66, #58360A, #3DE385, #FF9777, #92B181);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#55441B, #911FC6, #765B39, #3BA5F1, #F72A35, #DE7806, #55441B);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#C69C25, #0EE9AC, #259523, #59690B, #51B130, #DD0917, #C69C25);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#8D3C66, #6DAE45, #EE31A8, #A2F854, #7EFF08, #285750, #8D3C66);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#84CC5C, #C108D9, #13405D, #8DD4F2, #44A56F, #47C268, #84CC5C);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#ED0E43, #59C735, #40C1D6, #7C9670, #432B86, #137E24, #ED0E43);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#D4D6F6, #830837, #9A99EF, #B1EC4F, #F74D57, #CDCABA, #D4D6F6);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#957BE4, #4F8E89, #313547, #6266DC, #109493, #D54640, #957BE4);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#97ACB2, #1F063D, #4C1627, #B6610A, #DDB837, #12EB3A, #97ACB2);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#55AF85, #79AD6C, #008FAD, #AEE444, #FF41F2, #ADD06D, #55AF85);
border-image-slice: 1; border-width: 10px; border-style: solid; filter: blur(5px);
border-image: conic-gradient(#73545C, #EFBAB3, #FA41FC, #D71E93, #0F7FD6, #1D8EA8, #73545C);
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