그라디언드 gradient CSS, 글자에 그라디언트 넣기

방향 

.d3 .color1 { background-image: linear-gradient(to bottom, #F47519 70%, #FF0000 100%); }

각도

.bigBtn:hover { background:linear-gradient(170deg, #1884ff 50%, #a81dff) 100%; }

 

---

글자에 그라디언드 넣기 css

.section-2 a:hover {
    -webkit-text-fill-color: transparent;
    background: linear-gradient(88.39deg,#8ad3fe .66%,#9679fa 28.1%,#f875ad 61.1%,#ffad53);
    -webkit-background-clip: text;
    background-clip: text;
    border-bottom: 1px solid transparent;
    -o-border-image: linear-gradient(88.39deg,#8ad3fe .66%,#9679fa 28.1%,#f875ad 61.1%,#ffad53) 1;
    border-image: linear-gradient(88.39deg,#8ad3fe .66%,#9679fa 28.1%,#f875ad 61.1%,#ffad53) 1;
}