フリーソフトの樹

おすすめのフリーソフトや、知っていると便利な無料サイトなど、パソコンを楽しむ情報を幅広い分野で紹介しています。

おすすめフリーソフト
(659)
便利な無料サイト
(1212)
おもしろいサイト
(967)
Windowsの小技
(27)
ちょっと便利な小技
(28)
気になる情報
(92)
おもしろ動画
(3)
未分類
(23)
スポンサードリンク
バージョンアップ情報

PICKUP 無料サイト

ソフトコレクション

最新のフリーソフトを見つけられる多機能サイト


サーバー監視

無料で自宅サーバーを監視してくれるサイト

PICKUP フリーソフト

TeamViewer

事前設定しないでサクサク遠隔操作できるソフト


インフォメーション

シンプルでも多機能なスケジュール管理ソフト


PDF-XChange Viewer

タブに対応した軽量PDFビュワー


フォルダ監視

プログラム起動もできるファイル監視ソフト


MPC-BE

コーデックを内蔵した高機能メディアプレイヤー


WinMerge

テキストファイルの異なる場所を探す際に便利なソフト


Alcohol 52%

無料のCD-ROM仮想ドライブ

メールフォーム

フリーソフトなどのツール紹介、おもしろネタや無料情報の配信など、関連するサイトで相互リンクを希望される方は、件名に「相互リンク希望」と記入の上サイトのURLをご連絡下さい。

名前:
メール:
件名:
本文:

※サイトの内容によってはお断りさせていただく場合もございますのでご了承下さい。


グラデーションボタンの作成に特化したCSSジェネレーター「Css Gradient Button」
ツイート ツイートこの記事をはてなブックマークに追加する 2019/02/05
Css Gradient Button
スポンサードリンク
 
 今回はCSSだけで再現するグラデーションボタンを簡単に作成できる使い勝手の良いサイト「Css Gradient Button」を見つけたので紹介します。

 特長と言えばグラデーションボタンの生成に特化しているだけに余計な機能が無くシンプルで分かりやすい点です。

 サイトにアクセスするとページ上部にはグラデーションカラーサンプルが表示され、その下には各種パラメータの設定項目が並んでいます。

 カラーサンプルをクリックするとページ中央に表示されている「PREVIEW BUTTON」にプレビューボタンとして反映されます。

Css Gradient Button

 プレビューボタン左には主に文字の装飾に関する項目、右には背景色や枠線に関する設定項目が配置されています。

Css Gradient Button

 各項目を変更するとリアルタイムに中央のプレビューボタンに反映され、ページ下にそのCSSコードを自動生成してくれます。

Css Gradient Button

Css Gradient Button : https://cssgradientbutton.com/

 この記事をはてなブックマークに追加する はてなブックマーク


スポンサードリンク



●前の記事
未経験の方でも分かりやすく読み進められる「html&css入門講座」

●次の記事
準備いらずでプログラミング言語の学習をサポートするサイト「Progate」

●この記事に対するトラックバック
トラックバックURL(管理者が承認後表示されます)
iPhoneやAndroid携帯でも
見られる様にしてみました。
このブログの管理人

のこのこ

Author : のこのこ

ちょっと変わった視点からネット上の情報を配信していけたらと思っています。少しでも皆さんの新しい発見のお手伝いができればうれしいです。

@freesoftnoki

最近のおすすめリンク

PICKUP 無料ゲーム

Hexcelle

六角形のパーツでパワーアップするシューティングゲーム


StepMania

パソコンで遊べるダンスダンスレボリューション風ゲーム


Shift3

ステージの上下を反転させて出口を目指すパズルゲーム


MotherLoad

ポッドをアップグレードしながら地中の鉱石を集めるゲーム

逆アクセスランク

リンクフリー


当サイトはリンクフリーです、事前事後問わず連絡していただく必要はありません。

ブログパーツ ブログパーツ