Quick Tweaks
Gradient Text
Sample Text Here
selector .elementor-heading-title{
background: linear-gradient(90deg, #000 1%, #24A3F0 55%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
Site Reference: https://aclinstitute.com/
Dev: LM
Gradient Border
Content Area Here
.border-gradient{
border-radius: 12px;
position: relative;
&:before{
content: "";
position: absolute;
inset: 0;
padding: 3px;
background: linear-gradient(90deg, #000 1%, #24A3F0 55%);
border-radius: inherit;
mask: conic-gradient(#000 0 0) content-box exclude,conic-gradient(#000 0 0);
}
}