Audience
Developers in need of a solution for sharing background across multiple elements using CSS
About Multiple.js
An experiment in sharing background across multiple elements using CSS. If you want to accomplish a "background sharing across multiple elements" effect in HTML/CSS without any coordinates processing by JavaScript, Multiple.js is the answer. Note that icons and text at lighter layers have gradient-color from darker layers, creating the illusion of an underlying violet layer. In addition to that, layers pass the background image (girl) with equal transparency so that layers can not be superimposed on each other. All these things can be implemented in CSS. Add a gap between elements to make sure that the background remains in the same position. Toggle background image/gradient to get idea how it looks. Miss random layers to make sure that elements are independent. Expands background to viewport's size and displays in every element appropriate chunk, exactly what is needed! Background can be successfully expanded to full viewport size.
Other Popular Alternatives & Related Software
Easy Banner Creator
Easy Banner Creator 3.4 is an easy-to-use tool for the creation of animated or static banners in seconds without graphic skills. Your own banners will make your website successful and will attract new visitors. Make banners and GIF and flash animations for the web, make illustrations, make presentation materials, development of creative imagination. Creates animated and static banners with standard or any sizes. Defines the style of background fill, color, gradient, picture, and hatch. Supports most popular image formats, BMP, JPEG (JPG), GIF, PNG, PCX, TGA, PSD, ICO, and Windows Metafiles. Adds, deletes, and swaps banner elements, texts, and images (including animated GIFs). Builds animation on the basis of running multiple elements and text effects (color change, size change, fade, and teletype) or image effects (fade and size). Defines text (multi-line text) by parameters, color, font, size, shade color, and depth. Defines image parameters, size, and transparency.
Learn more
Photomash
A one-click professional photo studio right in your browser! Automatically remove backgrounds and create images to highlight products or people. Create awesome profile photos or eCommerce store product images one at a time or batch 50 photos at once. Round and square profile photo with a simple flat or soft gradient background. More colors and options are available when selecting a design. Clean and simple eCommerce and store listings, let the product shine and take center stage. These professionally designed profiles will make you stand out, stand out, and be seen on social media. Upgrade your designs with our stylish and customizable mood board stationery elements for that photo journaling look. Our aesthetically pleasing stationery elements will help your design stand out. Get creative and make a lasting impression with our mood board stationery elements.
Learn more
Bideo.js
Bideo.js is a JS library that makes it super easy to add fullscreen background videos. Fullscreen HTML5 background video for the web. Want to play a video in the background of a container or body itself? This plugin will help you do exactly that. The video element in use will automatically adapt to the container's dimensions. It will also resize as the browser window resizes. The plugin doesn't support any overlay as it is easy to implement that with plain HTML/CSS in your code. Video might take a few seconds to load, especially because the sources are added via JS which is something you'll load after the DOM's loading. Until then, you may want to show a video cover, which will be the same as the first frame or the video (or some other image). The support for this is not in the plugin as it's fairly simple to achieve this via just HTML/CSS (just like overlays).
Learn more
Granim.js
Create fluid and interactive gradient animations with this small javascript library. Basic gradients animation with 3 gradients in queue composed of 2 colors. Complex gradient animation with 2 gradients in queue with different positions composed of 3 colors. Gradient animation with an image and blending mode. Gradient animation with 2 colors, a background image, and a blending mode set. More parameters for options are available on the API page. Gradient animation with an image mask to create a gradient animation under a shape. Create a gradient animation that responds to events. Click on the different states in the gradient animation to see the gradients change. Customize the direction of the gradient with pixels or percentage values. The animation always pauses when changing the tab. Manage and change the duration of the animations. All the options are available to customize the states and the different gradients.
Learn more
Pricing
Starting Price:
Free
Free Version:
Free Version available.
Integrations
No integrations listed.
Company Information
Multiple.js
multiple.js.org
Videos and Screen Captures
Other Useful Business Software
Data management solutions for confident marketing
Verify, deduplicate, manipulate, and assign records automatically to keep your CRM data accurate, complete, and ready for business.
Product Details
Platforms Supported
Cloud
Windows
Mac
Linux
iPhone
iPad
Android
Chromebook
Training
Documentation
Support
Online
