「あまり使わないCSSを覚えられない」
「複雑なCSSデザインを簡単につくりたい」
こういった悩みにお答えします｡
- 目次
おすすめCSSジェネレータ
グラデーション
Ultimate CSS Gradient Generator
グラデーション(線形､円形)のCSSが作成できます｡
対応するブラウザやバージョンのメモがコメントとして表示されます｡
これはありがたいようで迷惑なようで､コピペとは別のところに書いてもらいたいかなと思います｡
Ultimate CSS Gradient Generator from ColorZilla
A powerful Photoshop-like CSS gradient editor
CSS Gradient
グラデーション(線形､円形)のCSSが作成できます｡
ブラウザの幅全体でプレビューが表示されるので見やすいです｡
Blend
グラデーション(線形､円形)のCSSが作成できます｡
ブラウザ画面全体でプレビューが表示されるので見やすいです｡
ボックスシャドウ
bad-company
要素の影と角丸のCSSが作成できます｡
rangeを動かしながらプレビューを確認して設定できるのでユーザビリティはいいです｡
Fatal error: Uncaught ValueError: DOMDocument::loadHTML(): Argument #1 ($source) must not be empty in /home/hashi84/hsmt-web.com/public_html/wp/wp-content/themes/hsmt-web/functions/custom_ogp.php:29 Stack trace: #0 /home/hashi84/hsmt-web.com/public_html/wp/wp-content/themes/hsmt-web/functions/custom_ogp.php(29): DOMDocument->loadHTML('') #1 /home/hashi84/hsmt-web.com/public_html/wp/wp-content/themes/hsmt-web/blog/css-generator-recommend.php(88): get_ogp('http://www.bad-...') #2 /home/hashi84/hsmt-web.com/public_html/wp/wp-includes/template.php(812): require('/home/hashi84/h...') #3 /home/hashi84/hsmt-web.com/public_html/wp/wp-includes/template.php(745): load_template('/home/hashi84/h...', false, Array) #4 /home/hashi84/hsmt-web.com/public_html/wp/wp-includes/general-template.php(206): locate_template(Array, true, false, Array) #5 /home/hashi84/hsmt-web.com/public_html/wp/wp-content/themes/hsmt-web/single-blog.php(100): get_template_part('blog/css-genera...') #6 /home/hashi84/hsmt-web.com/public_html/wp/wp-includes/template-loader.php(113): include('/home/hashi84/h...') #7 /home/hashi84/hsmt-web.com/public_html/wp/wp-blog-header.php(19): require_once('/home/hashi84/h...') #8 /home/hashi84/hsmt-web.com/public_html/index.php(17): require('/home/hashi84/h...') #9 {main} thrown in /home/hashi84/hsmt-web.com/public_html/wp/wp-content/themes/hsmt-web/functions/custom_ogp.php on line 29