パネル、カード、ボタンなどのUI要素をユーザーの操作にあわせて、ふわりと浮かせ、アニメーションで気持ちよく動かして視差効果を与えるJavaScriptの超軽量ライブラリを紹介します。 実装は簡単で、HTMLを汚さずに実装することもできます。 vanilla-tilt.jsの ...

今回はボタンを押す→ポップアップが表示される→ボタンの内容を変えるという簡単なプログラムをJavaScriptで作成しました。 HTML、CSSの内容は割愛しますが、ソースコードは展開します。 HTMLは以下です。 CSSです。 主にボタンのデザインに使います。