便利なcssジェネレーターをご紹介します。
三角形やグラデーションなどの、面倒なコードをさくっと生成してくれる頼もしい味方です。
■三角形「CSS triangle generator」
http://apps.eky.hk/css-triangle-generator/
頂点の向きと幅・高さ・色を設定するだけ。
■グラデーション「CSS Gradient」
複雑な多色グラデーションも直感的なインターフェイスで簡単に作成できます。
■吹き出し「吹き出しデザインジェネレーター」
https://generator.web-alpha.info/fukidashi/
細かいところまで設定できる優れもの。
■border-radius「境界角丸作成ツール」
https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Backgrounds_and_Borders/Border-radius_generator
変則的な角丸も作成できます。
■box-shadow「CSS3 Generator」
http://ds-overdesign.com/shadow/box-shadow.html
数値より見た目が重要なシャドウ作成には必須のジェネレーターです。
■アイコン「CSS ICON」
最後はジェネレーターではありませんが、cssのみでアイコンを作成したいときに便利なサイトです。
アイコンを構成する各パーツのコードがひと目でわかるようになっており、勉強になります。
★沖縄にてお仕事説明会開催中★
お仕事お探しの方 説明会を開催しております
【日時】
平日 午前10時~11時/午後3時~4時
20~30代で業界への希望されている方
お問い合わせお待ちしております。
https://abridge-co.jp/contact.html