Download CDivs – Adaptive and Animated Canvas Section Dividers JavaScript Free

CDivs – Adaptive and Animated Canvas Section DividersCDivs is a script that makes it easy to insert adaptive and animated canvas dividers between HTML sections.How it works: The element containing a background is selected between two elements. The element is clipped using clip-path CSS property. Canvases containing a divider shape are added. The elements background is reproduced on divider canvases.Features: 20 divider types 10 divider decoration types Light animation for each divider type Flexible settings High DPI support Adaptive divider sizes Drawing internal elementsChangelog: Version 2.0.4 – 10 April 2023- Added code examples- Added ignoreTransparency option- Fixed shift option in attribute- Fixed opposite option- Fixed canvas position calculation Version 2.0.3 – 13 June 2022- Fixed setDefaultOptions method- Fixed shared destruction- Fixed background attachment calculation- Removed unused code Version 2.0.2 – 21 January 2022- Added a builder, with which you can build the script with the necessary modules and divider types. Version 2.0.1 – 17 January 2022- Added priority for element styles, to prevent divider overlap in certain cases Version 2.0.0 – 30 August 2021- The method of work has changed- Attributes replaced by a single attribute with options- Added option to change screen breakpoints- Added support for IntersectionObserver to process only visible dividers- Added support for internal elements- Added support for <img> elements- Added automatic change of background color, size and position based on events- Added options for redrawing the position of internal elements according to the scroll event- Added methods for creating and destroying dividers- Added method to change options for already created dividers- Reworked divider types- Added options for divider types customization- Added additional options for animation customization- Added divider decorations, which are cutting a pattern out of the divider- Added options for divider decoration types customization- Fixed the accuracy of background reproduction- Added support for radial, repeating linear and repeating radial gradients- Added support for semi-transparent elements- Added support for semi-transparent background gradients Version 1.0.3 – 31 March 2020- Now blocks will inherit `z-index` CSS property of internal dividers. This can be turned off with the option `blocksZIndex`. Version 1.0.2 – 30 March 2020- Now dividers will be placed inside the blocks to follow their position.- Added automatic update of dividers when dynamically resizing blocks.- Minor bugs fixed Version 1.0.1 – 26 March 2020- Fixed canvas position calculating.- Fixed block background stretch calculating.- Fixed gradient drawing.- Added 6 new divider types.- Added additional options and attributes.- Added automatic using of drawing single block when only one block is near the divider.- Added a builder, with which you can build the script with the necessary modules and divider types. Show More Show Less

Keyword

Animated Dividers, CDivs – Dividers, Download CDivs, Download – Section, CDivs Dividers, Download CDivs Adaptive, – Dividers, Canvas Section JavaScript, and, CDivs Canvas Section, Adaptive Dividers JavaScript, Adaptive Section JavaScript, – Free, Download – JavaScript, CDivs JavaScript, Download CDivs and, CDivs Animated Canvas, Adaptive and Canvas, CDivs Animated Section, Adaptive Canvas, Download Canvas, Section JavaScript Free, Download Animated Free, and Free, and Canvas Section, CDivs Dividers Free, Download Canvas JavaScript, Section Free, Canvas Dividers, Download – Animated, Adaptive and Free, CDivs – Free, Animated Canvas Free, CDivs Adaptive Dividers, Animated Dividers Free, CDivs Section Dividers, Adaptive Section Dividers, – and Dividers, Adaptive Section, Section Dividers, Download CDivs Section, and Dividers Free, Download Canvas Dividers, – Animated Dividers, CDivs Adaptive Free, Download – and, Adaptive Animated Free, CDivs Section JavaScript, CDivs – Animated, Adaptive JavaScript, Download and Section, Animated Canvas Section, CDivs Animated Free, Adaptive Canvas Free, CDivs, CDivs Section Free, CDivs Canvas JavaScript, Download Adaptive Canvas, – Dividers JavaScript, and Canvas Free, CDivs Adaptive JavaScript, and Canvas, Download Free, Download CDivs –, and Dividers JavaScript, Adaptive Canvas Dividers, Adaptive Canvas Section, – and, CDivs Canvas Free, Download CDivs Free, and Animated JavaScript, – and Free, Adaptive and JavaScript, Animated Free, Download – Dividers, Download Section, Download – Canvas, Canvas JavaScript Free, JavaScript Free, Download Adaptive Animated, Download Dividers JavaScript, – Adaptive Animated, Adaptive Animated JavaScript, – JavaScript, Download Canvas Section, Download Adaptive and, Download and Dividers, –, and Section Free, Download CDivs Dividers, Animated Section Free, Download CDivs Animated, CDivs Canvas Dividers, Download, Canvas JavaScript, CDivs Adaptive Animated, Section Dividers JavaScript, CDivs and Dividers, – and Canvas, and Section