Elementor Knockout/Cutout Text using CSS- Image in Text
Learn how to achieve Knockout text effect or image masking in Elementor heading widget which basically lets you see the background image through your text.
► Get Elementor Pro — https://wpalgoridm.com/elementor
This CSS effect can be used to produce some stunning text designs which don't require photoshop or graphics software but just using Elementor.
Elementor background gradient tutorial:
• Elementor gradient background tutorial: Ad...
Custom CSS with Elementor free version:
• Custom Css with Elementor Free Version usi...
Join the Facebook Group: / designschoolwp
CSS background property: https://developer.mozilla.org/en-US/d...
CSS CODE showed in the video[FOR IMAGE]:
selector .elementor-heading-title
{
background: url("ImageURL") blue repeat 30% 70% ;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
CSS CODE showed in the video[FOR Gradient]:
selector .elementor-heading-title
{
background: linear-gradient(90deg,red,blue,black) ;
-webkit-background-clip:text;
-webkit-text-fill-color:transparent;
}
In questa pagina del sito puoi guardare il video online Elementor Knockout/Cutout Text using CSS- Image in Text della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Design School by Wpalgoridm 04 giugno 2019, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 3,590 volte e gli è piaciuto like spettatori. Buona visione!
