Single post in Coding Diaries
Forum Index > PokéFarm > Journals > Coding Diaries >
Gradient border with border radius~
Code
[sc=grounded-radients]Gradient border with border radius~[/sc]
[style]
.grounded-radients {
position: relative;
border: 4px solid transparent;
border-radius: 16px;
background: linear-gradient(orange, violet);
background-clip: padding-box;
padding: 10px;
color:black;
box-shadow: 0 3px 5px black, inset 0 0 5px white;
}
.grounded-radients::after {
position: absolute;
top: -4px; bottom: -4px;
left: -4px; right: -4px;
background: linear-gradient(red, blue);
content: '';
z-index: -1;
border-radius: 16px;
}
[/style]
Buying:
BSDs 20 ZC
Prisms 70 ZC