2015/08/24
CSSボタンのコピペに!CSSでつくられたボタンのコードが100以上コレクションされている「CSS Buttons」
Sponsored by
CSSボタンの参考やコピペに使える、とても参考になるCSSボタンのコードがコレクションされているサイトをご紹介。
CSSでつくられたボタンのコードが100以上コレクションされている「CSS Buttons」です。
CSSボタンに実装されているアニメーションのデモも合わせて紹介されているため、使い勝手がとてもいいサイトになっています。
WEBデザインの参考にどうぞ。
CSSでつくられたボタンのコードが100以上コレクションされている「CSS Buttons」
「CSS Buttons」は、CSSでつくられたボタンのコードが100以上コレクションされているサイトです。
ソース元はすべてCodepenから。
ですから、ソースコードはそのままコピペして利用することが可能です。
CSSボタンに実装されているアニメーションも合わせて紹介されていますので、視認性にすぐれて、使い勝手のよいとても参考になるサイトです。
具体的には以下のようなボタンが紹介されています。
WEBデザイン制作で参考になること間違いなし。
このサイトは必見です。
Sponsored by
お役に立てましたら、以下どれでも結構のですので、ポチリと……。
-
0 -
-
0 -
2 -
6
Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。
この記事を読んだ人はこんな記事も読んでいます
-
-
WEBデザインのインスピレーションに最適！パーツ/テーマごとのデザイン見本帳「calltoidea」
WEBデザインのインスピレーションに最適なパーツ/テーマごとのWEBデザイン見本帳「calltoid
-
-
レスポンシブWEBデザインの確認に最適！スマホ・タブレットでの表示を一度に確認できる「Responsinator」
レスポンシブWEBデザインの確認に最適なツールをご紹介します。 このツールを使えば、スマホやタブレ
-
-
CSSグラデーションをとっても簡単に生成するツール「Gradientoo」
CSSでグラーデーションを表現する場合、最初からコードを書くのは結構たいへんですよね。 そんなとき
-
-
レスポンシブWEBデザイン対応のメニューが作れるチュートリアル17（ソースファイル付き）
レスポンシブWEBデザインを行ううえで重要になってくるのがメニューをどのようにするかということではな
-
-
Sketch用の無料フリー素材1500+ 2015年04月
Sketch用の無料フリー素材を集めてみました。 Mac専用ということもあり、日本ではPhotos
-
-
一石二鳥！ベンダープレフィックスをブラウザ上で追加し、CSSのミスも指摘してくれる「Autoprefixer」
ベンダープレフィックスvendor prefixesをブラウザ上で追加してくれたうえで、CSSのミス
-
-
これが無料！ハイクオリティーなPhotoshop用WEBデザインテプンレート（psd）60+
海外のデザイナーがPhotoshopで作成したWEBデザイン用のテンプレート（psdファイル）をまと
-
-
背景に使いたい！美しくカラフルなトライアングルメッシュ画像をSVGとして作成できるjsライブラリー「Trianglify」
最近よく見かける背景画像といえば、美しいボケ味の効いた画像やカラフルなピクセルパターンですが、美しく
-
-
トップ固定でレスポンシブ対応のナビゲーション/メニューを簡単に実装できる「Fixed Nav」
トップ固定で、レスポンシブ対応のナビゲーションが増えていますね。 これだけ増えてくると、トップ固定
-
-
CSS3の色名147色（RGB、HEX16進カラーコード併記）
CSS3になって、色名についても大幅に選択肢が増えたのをご存知でしょうか。 私は知りませんでした。