コンテンツ3 サムネイル 1×1

contents-3-3840x3840

注目
新着
割引中

gradation-headingについて

上記のgradation-headingはclassにhalf-circle-sideを追記して左右が円弧(半円)に

format_h2gradientgradation-headingのデザイン

肝心のgradation-headingのデザインは、CSSのlinear-gradient、4カラーのグラデーション

カラーは、未設定とaccentのときはaccentカラーが前後に
そのほか red、green、blue、yellow、magenta、cyan、gray、violet、gold、black を追記してそれぞれのカラーが前後に
また、g4またはcolorfulでGoogleロゴのレッド・グリーン・ブルー・イエローのグラデーションに

classにmirrorを追記すると、右下から左上へのグラデーションが左下から右上に変わり、また配色の順番も逆転

ちなみに、サイト全体をコントロールするカラーセットを、色変更したいタグの上流に指定すると、そこだけ指定のカラーセットに越境可能

data_check下記は「mustard」

未設定

red

green

blue

yellow

magenta

cyan

gray

violet

未設定 mirror

red mirror

green mirror

blue mirror

yellow mirror

magenta mirror

cyan mirror

gray mirror

violet mirror

data_check下記のカラーセットは「purple-loyal」およびclassに「rectangle」

未設定

red

green

blue

yellow

magenta

cyan

gray

violet

未設定 mirror

red mirror

green mirror

blue mirror

yellow mirror

magenta mirror

cyan mirror

gray mirror

violet mirror

data_check下記のカラーセットは「space」およびclassに「half-circle-side」

未設定

red

green

blue

yellow

magenta

cyan

gray

violet

未設定 mirror

red mirror

green mirror

blue mirror

yellow mirror

magenta mirror

cyan mirror

gray mirror

violet mirror

 

アバター

author-primary による

Algorism Inc. 株式会社アルゴリズム 代表取締役。SEO塾運営。このサイトは2023年新発売のWordPressテーマのショーケース