Search
 
SCRIPT & CODE EXAMPLE
 

CSS

how to use gradient on font css?

.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;
}
Comment

PREVIOUS NEXT
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 
ADD CONTENT
Topic
Content
Source link
Name
6+7 =