デモページを見てみると一発でわかるのですが、 iconate.js アイコンをクリックすると別のアイコンに変化します。 使い方 https://github.com/bitshadow/iconate#basic-usage 公式ページより インストール 以下の3つの方法があります。 NPM: npm install iconate Bower: bower install iconate Download zip. Note: iconate.js also supports AMD and commonJS module pattern. 今回はCodepenでやってみましたのでRawGitを使用しました(あんまりよくないかもしれんけど) スタイルシートとjsファイルの設定 <link rel="stylesheet" href="iconate.min.css"> <script t
オフキャンバス メニューなどで最近よく見かける、アイコンをクリック・タップすると、別のアイコンにアニメーションで変形させる単体のスクリプトを紹介します。 実装も非常に簡単で、それぞれのアイコンとアニメーションを指定するだけでOK。 「zoomOut」「rubberBank」のアニメーション例 iconate.jsの使い方 Step 1: 外部ファイル 当スクリプトとスタイルシートを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" href="iconate.min.css"> </head> <body> ... コンテンツ ... <script type="text/javascript" src="iconate.min.js"> </body> Step 2: HTML アイコンを配置します。 デモではFont Awesomeのアイ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く