for drawing patterns with CSS

for drawing patterns with CSS
Average rating: 0
(0 votes)

Thanks! You’ve rated this material!

Meet the new web component – < css-doodle /> for drawing patterns with CSS! It generates a grid of divs by the rules (plain CSS) inside it. You can easily manipulate those cells using CSS to come up with a graphic pattern or an animated graph. The limit is the limit of CSS itself.

<css-doodle /> is based on Shadow DOM v1 and Custom Elements v1. You can use it on latest Chrome and Safari right now without polyfills. The syntax of <css-doodle /> is based on CSS and provided several extra utility functions and shorthand properties for:

  • Grid
  • Selectors
  • Properties
  • Functions
  • JS API

Check how awesome it is on the < css-doodle /> official site.

Read also our article about CSS Blocks.

Rate this article, if you like it

Thanks! You’ve rated this material!

Got a project? Let's discuss it!

*By submitting this form you agree with our Privacy Policy.

Mailing & Legal Address

Syndicode Inc. 340 S Lemon Ave #3299, Walnut CA, 91789, USA

Visiting & Headquarters address
Kyiv Sofiivska 1/2a, 01001, Kyiv, Ukraine
Dnipro Hlinky 2, of. 1003, 49000, Dnipro, Ukraine
Email info@syndicode.com
Phone (+1) 9035021111