Published on
Clip-path triangulation preview

For a long time I wanted to made an experiment. I have an idea to combine Delaunay triangulation, clip-path, and my CSS demos with multiple backgrounds. Finally, I found a time to make it. The performance of this combination is not good, but it was expected. Clip-path property seems very heavy in terms of performance optimization. But the animation I got can be used for small pictures. It works well enough. Feel free to add it to your projects and share it with your co-workers if you like it.

See the Pen Clip-path triangulation example by Ivan Bogachev (@sfi0zy) on CodePen.

Related posts

Pet projects

Math slides
38  1 

The tool from my series of articles called "Math is not required for UI development". It creates slides with graphs and texts in the style of the school desk.

Promo Core preview
10  1 

Boilerplate for static promotional websites. Pug, LESS, PostCSS, ES6+, Gulp, Webpack, BrowserSync, ESLint, Stylelint, auto-generated docs...

Muilessium preview
16  3 

Simple UI framework. RSCSS, REM-based sizes, fluid typography and other nice ideas. This website is powered by it.