• Home
  • javascript
CDivs – Adaptive and Animated Canvas Dividers of Blocks

Product Details

Canvas Dividers is a script that makes it easy to insert adaptive and animated canvas dividers between html blocks.

How it works:

  • The script stretches the backgrounds of the html blocks between which the divider will be located.
  • Next the canvas element is placed between these blocks
  • Next the background of the previous block is drawn on canvas.
  • Last step is shape is drawn on canvas with the background of the next block.

Features:

  • 33 divider types
  • Light animation for each type
  • Possibility to add your own custom divider
  • Flexible settings
  • Cross browser support
  • Retina support

Limitations:

The script copies only the background of the block, all internal elements are not drawn on the canvas. There is a separate attribute and option that will allow you to draw only the background of the previous or next block to partially get around this limitation.
Also not supported css `background-attachment` property.

New
0 sales • Released: Mar 03, 2020, 08:59 PM

CDivs – Adaptive and Animated Canvas Dividers of Blocks

$10
0 reviews

Top Features

  • • animation
  • • canvas
  • • content divider
  • • dividers

Compatibility

High Resolution: Yes, Compatible Browsers: IE10, IE11, Firefox, Safari, Opera, Chrome, Edge

Attributes

compatible-browsers
IE10,IE11,Firefox,Safari,Opera,Chrome,Edge
compatible-software
null
demo-url
https://ilvimafr.github.io/cdivs/
high-resolution
Yes
source-files-included
JavaScript JS
video-preview-resolution
null