CSS Checkbox Library - A huge collection of css checkboxes
How to Use? Step 1: Install via npm npm install css-checkbox-library or Click here to Download the Code Step 2: Navigate to dist/css folder and include checkboxes.scss or checkboxes.min.css in the HEAD section of your page where you have other css files included. e.g <link rel="stylesheet" href="dist/css/checkboxes.min.css"> Step 3: Choose a style you like. Click on the HTML button on each design.
様々なチェックボックスを気軽に再現できる「CSS Checkbox Library」
WEBサイトで何かを選択する際に使用するチェックボックス。アンケート機能やメールフォームにはよく利用されていることから、機会が多いのであれば、テンプレートとして所持しておきたいものです。そんな方におすすめできる「CSS Checkbox Library」を今回は紹介したいと思います。 チェックボックスに焦点をあて、いろんなタイプのものがまとめられています。気になったものをいくつかピックアップしているので下記よりご覧下さい。 詳しくは以下 丸と四角のチェックボックスの他に、オンオフ機能で使用しやすいスライド式のボタンも収録されているのは嬉しいポイント。“GET HTML”と書かれているボタンをクリックするとコードをコピーすることができます。エフェクトの付け方やデザインが違うものが多く収録されているので、ブックマークしておくと非常に便利。 チェックボックスやスライド式ボタンはよく使用するもので
CSSで実装できる可愛いデザインに使えそうなボタンデザインやホバーエフェクト 10＋ - NxWorld
自分用に一覧化したものがほしくて作ったのでシェアします。 あくまで個人的に思ったものなので多少合わないと思うものもあるかもしれませんが、可愛らしいデザインや遊び心あるような感じのサイトで使えそう・相性が良さそうだと思ったボタンデザインやホバーエフェクトです。 いずれも画像やJavaScriptなどは使用せずに見た目から動きまで全てCSSで表現しており、CSSなのでカラー変更やフォントサイズの変更なども容易にできます。 閲覧の際にChrome又はFirefoxで見てもらえるとほぼ問題なく動きの確認ができると思いますが、ブラウザによって動きや見栄えが説明と異なる場合があります。 基本的に必要だと思う記述は全て掲載しておりますが、例えばfont-familyやfont-sizeなどのように環境によって大きく記述が異なるようなものは省略して紹介しているので、場合にはよって実装してみたものと紹介して
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
