CSSだけでボタンが出入りするトグルボタンを実装
こんにちは、シロマ。 今回は、下のデモのようなクリックするとボタンがにゅっと出てくるトグルボタンを実装します。 デモの左下にあるボタンをクリックしてみて下さい。 demo このブログでもウィンドウサイズが狭くなると、フォローボタンがトグルボタンに収納されます。 JavaScriptを使わずに、CSSだけで実装できます。 実装方法 それではまず、HTML。 <div class="in-out"> <input type="checkbox" id="in-out-checkbox"> <label for="in-out-checkbox" class="in-out-label"> <span class="tate"></span> <span class="yoko"></span> </label> <button type="button" class="button1">1</
持ち運べるホワイトボード「バタフライボード２」が進化してさらに使いやすくなったよ【レビュー】
「BUTTERFLY BOARD 2」（バタフライボード２） 持ち運べるノートサイズのホワイトボードとして、クラウドファンディング「Makuake」「Indiegogo」で大成功を収めた画期的なアイディアツール「BUTTERFLY BOARD」が、世界中のフィードバックを反映させて第2世代「BUTTERFLY BOARD 2」として進化を遂げました。 一体どんな商品なのか。どのような使い方ができるのか。 注目の「BUTTERFLY BOARD 2」をレビューしてみたいと思います。 バタフライボード２とは？┃商品概要 書いては消して、また書いて、とホワイトボードがノートのように、いつでもどこでもアイディアが残せるツール。 ４枚のボードをマグネット式の留め具で接着させ、ホワイトボードにもノートにもなるという画期的なアイディアが、世界中のユーザーの心を掴んだ商品です。 旅行の計画中。メモは撮影し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
