Elements – Gradient Backgrounds

[vc_row full_width=”stretch_row”][vc_column][stack_hero image=”38″][vc_column_text]

Gradient Backgrounds

These modular elements can be readily used and customized across pages and in different blocks.


Explore all of Stack’s modular elements
at the Element Index Page →[/vc_column_text][/stack_hero][/vc_column][/vc_row][vc_section css=”.vc_custom_1498220826224{padding-top: 0px !important;}” ebor_docs=””][vc_row css=”.vc_custom_1485825445121{margin-bottom: 30px !important;}”][vc_column width=”1/3″][stack_boxed_content padding=”boxed–lg” background=”bg–secondary”][vc_column_text]

Gradient Background

Stack allows you to easily add an animated gradient background to elements that fades seamlessly between a list of hex colours you define in the data-gradients attribute.[/vc_column_text][/stack_boxed_content][/vc_column][vc_column width=”2/3″][stack_hero_gradient colors=”#4876BD,#5448BD,#8F48BD,#BD48B1″][vc_column_text]

Gradient Backgrounds Rock

[/vc_column_text][/stack_hero_gradient][/vc_column][/vc_row][/vc_section]

Scroll to Top