.gradient-text {
background-color: #f3ec78;
background-image: linear-gradient(45deg, #f3ec78, #af4261);
background-size: 100%;
-webkit-background-clip: text;
-moz-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-text-fill-color: transparent;
}
Code Example |
---|
Css :: background fixed |
Css :: add white background to svg |
Css :: display inline-block not working |
Css :: html align svg to text |
Css :: scrollbar not working |
Css :: why top -10 css? |
Css :: scale up and scale down animation in css |
Css :: fill and no repeat background image css |
Css :: css background linear gradient transparent |
Css :: css horizontal linear gradient |
Css :: css for bigger screen size |
Css :: css max-width none |
Css :: sass loops |
Css :: SCSS lighten |
Css :: image rendering css |
Css :: css font properties |
Css :: webpack/load/css |
Css :: css change link color in class |
Css :: border image css |
Css :: css background |
Css :: css after |
Css :: glassmorphism background in css |
Css :: zoom level in css |
Css :: hide scrollbar of a div but keep functionality |
Css :: gradient text colors |
Css :: create cross icon using css |
Css :: rotate keyframe animation |
Css :: table data max width |
Css :: css button click color |
Css :: type selector css |