Difference between revisions of "Team:Valencia UPV/pruebaWeb"
| 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: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;"> | ||
<img src="https://static.igem.org/mediawiki/2018/thumb/4/47/T--Valencia_UPV--pruebaBin.jpg/1600px-T--Valencia_UPV--pruebaBin.jpg"> | <img src="https://static.igem.org/mediawiki/2018/thumb/4/47/T--Valencia_UPV--pruebaBin.jpg/1600px-T--Valencia_UPV--pruebaBin.jpg"> | ||
</div> | </div> | ||
Revision as of 15:12, 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>