Little Strange Software

スマホアプリの開発を行う LittleStrangeSoftware のブログです。

【ツール】色やサイズを調節して作るボックスのコードをお持ち帰りできるツール

「色やサイズを調節して作るボックスのコードをお持ち帰りできるツール」
を作ってみました。

 

↓このタブの中で色々設定を変更すると、その更に下にあるサンプルとコードの内容が変化します。
気に入ったボックスが出来たら、コードをコピペして使用できます。

まずは色々遊んでみてください^^

ボックスの色

枠の色

文字の色

光の色

ボックス幅

ボックス高さ

枠幅

角の丸み

光の強さ

光の大きさ

光の位置(右)

光の位置(下)

 

 

 

コード

 

 

 

はてなブログの場合は「コード」の中に書かれたものをコピーして、「HTML編集」画面に貼り付ける事で使用できます。

中の文章(これはテスト文章です~という部分)は自由に書き換えできます。