CSS Paint APIとは、CSSの背景や枠線の描画をjavascriptでプログラム描画する機能です。 描画した図形画像をアニメーションさせたり、受け取るパラメータによって変更したりする事もできます。 JSで描画するのでプログラム知識が必要になりますが、高度な演出が可能になります。 CSS Paint APIとは 本記事ではCSSのスタイリングにjavascriptを使う方法をご紹介します。 それがCSS Houdini(フーディーニ)APIという機能です。 CSS HoudiniのCSS Paint API CSS HoudiniのAPIは、CSSの機能をJavaScirptによる描画処理を利用して拡張した機能です。 より高度で複雑なCSSスタイルをプログラミング感覚で実現する事ができます。 今回はCSS HoudiniのAPIの一部となる、現在Google ChromeやEdge
![CSS paint apiを使って複雑な背景描画を実現する](https://cdn-ak-scissors.b.st-hatena.com/image/square/17cb0eed979cb1613893c01e9d73c9fb6c022dae/height=288;version=1;width=512/https%3A%2F%2Flpeg.info%2Fhtml%2Fimages%2Fcss_paint_api_img1.png)