[B! button] kitokitokiのブックマーク

kitokitoki id:kitokitoki

buttonに関するkitokitokiのブックマーク (3)

ゴーストボタンと相性が良さそうなホバーエフェクト 10＋ - NxWorld
メモしていたものが溜まってきて一覧化したのでシェアします。以前にもCSSのみでボタンデザインやホバーエフェクトを実装できるエントリーを書きましたが、今回はCSSのみで実装するゴーストボタンと相性が良さそうなホバーエフェクトのサンプルです。もちろんゴーストボタンに限らず様々なタイプのボタンで使用でき、対応しているブラウザであればコピペで簡単に実装できると思うので、気になるエフェクトがあれば是非使ってみてください :) 閲覧の際にChromeまたはFirefoxで見てもらえるとほぼ問題なく動きの確認ができると思いますが、ブラウザによって動きや見栄えが説明と異なる場合があります。
kitokitoki 2015/05/22
ゴーストボタン

button

css
リンク
動きのあるボタンが生成できるジェネレーター「Transformicons」 | ライフハッカー・ジャパン
「Transf ormicons」は動きのあるボタンが生成できるジェネレータです。クリックするとメニューの三本線が×印になったり、ちょっとした細かい動作をもつアイコンが作れます。アイコンはCSS/SassおよびJavaScriptで生成されますよ。以下に使ってみた様子を載せておきます。まずTransf ormiconsへアクセスしましょう。トップページに並んでいるアイコンをクリックすると、どんな動きをするか確認できます。「Builder」から、作りたいアイコンを選択します。「Build」ボタンを押すと、HTML・CSS・JavaScriptがセットになって作られます。あとはコードをコピペすれば動きのあるアイコンが使えますよ。ぜひ細かい動作にもこだわりたい方は活用してみてください。 Transf ormicons （カメきち）
kitokitoki 2015/02/23
tool

button
リンク
CSS Social Buttons - Web Designer Wall
I’m proud to announce my latest CSS experiment—The CSS Social Buttons. They are not another "pure CSS3" or "HTML5 canvas" icons. These icons use the basic traditional background-image technique. The purpose of these icons is to provide a cross-browser, consistent and versatile CSS that can be applied in any design, app or theme. Basically, it is one master stylesheet that contains various design s
kitokitoki 2012/10/04
button

デザイン

素材

ソーシャルボタン
リンク
1