Multiple.js Description
An experiment in CSS background sharing across multiple elements. Multiple.js can be used to achieve a "background sharing across multiple element" effect in HTML/CSS with no JavaScript coordinates processing. You will notice that icons and text in lighter layers have a gradient-color with darker layers. This creates the illusion of an underlay violet layer. Layers can also pass the background image (girl), with equal transparency, so layers cannot be superimposed on one another. These things can all be done in CSS. To ensure that the background remains in the same place, you can add a gap between elements. You can see how it looks by switching between background image/gradient. To ensure that elements are independent, you can remove random layers. Displays the appropriate amount of background in each element. Background can be successfully extended to full size viewport.
Multiple.js Alternatives
Anime.js
Anime.js, a JavaScript animation library that is lightweight and simple to use, has a powerful API. It supports CSS properties, SVG and DOM attributes as well as JavaScript Objects. Easy follow-through animations. The built-in staggering system of anime makes complicated follow-through animations and overlapping animations easy. It can be used for both properties and timings. Multiple CSS transform properties can be animated simultaneously using one HTML element. You can play, pause, control and reverse events simultaneously using the full set of built-in callbacks. Anime.js can be used with any web page. You can use CSS, SVG, JavaScript Objects and DOM attributes to animate everything using a single API. Staggering allows multiple elements to be animated with follow-through or overlapping actions. An Array is used to define animation keyframes within the keyframes property. Each keyframe's duration is equal to the animation’s total duration divided with the number of keyframes.
Learn more
Bideo.js
Bideo.js, a JS library, makes it easy to add fullscreen background video. Fullscreen HTML5 background video for web. You can play a video in the background, or within a container. This plugin will allow you to do exactly that. The container's dimensions will be automatically adjusted by the video element. It will also resize when the browser window changes. The plugin does not support overlays as it is simple to implement this with plain HTML/CSS code. Video may take a while to load due to the fact that the sources are added via JSP, which you'll load after the loading of the DOM. You may also want to show a cover video, which will appear the same as the first frame of the video (or any other image). This support is not included in the plugin. It's easy to do this using HTML/CSS (just as overlays).
Learn more
Granim.js
This small javascript library allows you to create fluid and interactive gradient animations. Basic gradient animation with 3 colors in queue. Complex gradient animation using 2 gradients in queue, each with different positions and composed of 3 colors. Gradient animation with an animated background and blending mode. Gradient animation with two colors, a background picture, and a blending setting. The API page has more options. Gradient animation using an image mask to create a gradient animated under a shape Create a gradient animation that responds when events occur. To see the gradients changing, click on the states of the gradient animation. You can adjust the direction of the gradient using percentage or pixels. When you change the tab, the animation will pause. You can manage and change the duration of animations. You have all the options to modify the states and the gradients.
Learn more
Screenfull.js
This wrapper allows cross-browser JavaScript Fullscreen API usage. It lets you bring any element or page into fullscreen. This wrapper smoothens out differences in browser implementations so you don’t have to. Version 5.2.0 is recommended if you are unable to use ESM, or if you need to support older browsers with transpilation. Only 0.7 kB zip. Also available on cdnjs, older version. Safari is supported on desktops as well as iPads, but not iPhones. This is a browser limitation, not Screenfull. Fullscreen the page, or an element. Hide the navigation user interface for mobile devices Fullscreen an element using jQuery and toggle fullscreen for an image using jQuery Angular.js can detect fullscreen change, remove listeners and detect fullscreen errors. Remember that the browser will only enter fullscreen if it is initiated by user events such as click, touch, key, or key.
Learn more
Pricing
Pricing Starts At:
Free
Free Version:
Yes
Integrations
No Integrations at this time
Company Details
Company:
Multiple.js
Website:
multiple.js.org
Media
Recommended Products
Secure remote access solution to your private network, in the cloud or on-prem.
OpenVPN is here to bring simple, flexible, and cost-effective secure remote access to companies of all sizes, regardless of where their resources are located.
Product Details
Platforms
SaaS
Windows
Mac
Linux
iPhone
iPad
Android
Chromebook
Type of Training
Documentation
Customer Support
Online
Multiple.js Features and Options
Multiple.js User Reviews
Write a Review- Previous
- Next