Line 1,643: | Line 1,643: | ||
<div class="main-container"> | <div class="main-container"> | ||
<section class="imagebg image--light cover cover-blocks bg--secondary"> | <section class="imagebg image--light cover cover-blocks bg--secondary"> | ||
− | <div class="background-image-holder hidden-xs" style="background-image: url(File: T--Valencia_UPV--pruebaBin.jpg); | + | <div class="background-image-holder hidden-xs" style="background-image: url(File: https://static.igem.org/mediawiki/2018/thumb/4/47/T--Valencia_UPV--pruebaBin.jpg/1600px-T--Valencia_UPV--pruebaBin.jpg); |
opacity: 1; background-position: initial initial; background-repeat: initial initial;"> | opacity: 1; background-position: initial initial; background-repeat: initial initial;"> | ||
<img src="T--Valencia_UPV--pruebaBin.jpg"> | <img src="T--Valencia_UPV--pruebaBin.jpg"> |
Revision as of 15:09, 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>