セクション背景向け線形CSSグラデーションを書き出す
該当する場合
重い画像をCSSに置き換えられるが、可読性は必ず確認。
使うツール
CSSグラデーションを作成・エクスポート。
グラデーション生成 を開く →手順
- 1角度と色ストップを設定。
- 2CSSを書き出す。
- 3文字の読みやすさを確認。
- 4低価格スマホの描画を確認。
例
- 料金ヒーロー。
- オンボーディングカード。
避けること
- コントラスト不足。
- バンディング。
- ガイドライン外のコピペ。
関連ツール
ブログで
ジェネレーター・計算機 のその他
- Wi-Fi、メニュー、キャンペーン向けQRコードを作る
- SKUと資産タグ用バーコードを印刷する
- チームとサービスアカウント向けに強力なパスワードを生成する
- モックとコンポーネント状態用の lorem を生成する
- テスト用データベース向け架空レコードを作る
- UIとプレゼンテーマ向けカラーパレットを生成する
すべてのタスクガイド または次の ジェネレーター・計算機 ハブ.
よくある質問
ベンダープレフィックス?
レガシー対象が必要なときだけ。
アルファ?
必要ならフォールバックを用意。