Line 1: | Line 1: | ||
− | |||
{{Valencia_UPV/bootstrapcss}} | {{Valencia_UPV/bootstrapcss}} | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
Line 14: | Line 6: | ||
<html> | <html> | ||
+ | |||
+ | <head> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet"> | ||
+ | <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> | ||
+ | </head> | ||
<style> | <style> |
Revision as of 13:14, 25 June 2018
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 →
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.
<section class="imagebg" data-gradient-bg="#4876BD,#5448BD,#8F48BD,#BD48B1"> CONTENT </section>