Gradient/Image Text Mask Shopify section by qwiqode (Tutorial)
Add a section or a content block template that perfectly fits your store and gives you the flexibility to customize it without hiring a developer to do it for you.
Add a cool effect to an important text block on your site. Now you can add a gradient or image as the "color" of your text, like the Apple website. You can upgrade it with movement - either an automatic animation or using a parallax effect. Use this "knockout text" effect to bring color and movement to your site!
Fully responsive and customizable including the ability to update:
Title
Text block
Text Options
Select type of element for text content (H1, H2, p…)
Custom Font
Font Weight
Line Height
Letter Spacing
Use either a CSS gradient or an image to be masked by text
Parallax Settings
Parallax effect
Looping
Choose direction of movement (vertical/horizontal)
Choose animation type (Back & forth or infinity)
Animation speed
Flip effect
Animate the gradient/image with either Parallax or looping animation
Call-to-action buttons and styling
Text Options
Colors (background, hover, border)
Gradient Option
Set the background as a gradient color
Margins and padding of all elements
Section colors and width within browser
Most settings have separate settings for desktop and mobile
*****
Are you a Shopify merchant who needs a simple way to add specific content?
Are you a Shopify designer who needs a quick design solution for your projects?
Learn more: https://qwiqode.com/pages/about-qwiqo...
What are Shopify Sections? https://qwiqode.com/pages/what-are-sh...
Shop Now: https://qwiqode.com/products/gradient...
Shop all sections: https://qwiqode.com/collections/all-s...
https://qwiqode.com NEW!!!
Use our Shopify App: https://apps.shopify.com/qwiqode-them...
#qwiqode #ecom #onlinestores #shopify #shopifytips #shopifywebsites #webdesigners #shopifytutorial #shopifydesign