css border top linear gradient

Solutions on MaxInterview for css border top linear gradient by the best coders in the world

Search
showing results for - "css border top linear gradient"
Anna
23 Jan 2020
1.bordertest {
2    height:300px;
3    width:300px;
4    border-top:30px solid #c4268c;
5    background:#000;
6    position:relative;
7    margin:1em;
8}
9.bordertest:first-child:before {
10    content:'';
11    position:absolute;
12    width:100%;
13    height:30px;
14    background:linear-gradient(to left, #c4268c, #9a0b72);
15    top:-30px;
16    left:0;
17}
18
source
similar questions
css radius background colorcss inverted border radiuscss button background linear gradientoutline radius csscss border radius topborder gradient css radiusrounded gradient border csshow to add curved border in cssusing to in linear gradient csshtml css background linear gradientcss gradient borderlinear gradient 28top to bottom 29linear gradient bordergradient border with border radiuscss animate border bottom left to rightlinear gradient farthest corner code cssborder radius cross browsertop down gradient css on bodybackground image linear gradient and border radiusliner gradientborder gradient csscss round outlinegradient border css
queries leading to this page
border 1px linear gradient propertyhow to give gradient color in border leftbordered gradient top left quarter circleborder right linear gradientborder color linear gradientlinear gradient border colorhow to have a linear gradient borderlinear gradient border cssborder top gradient csscss border top linear gradient