ブロックサンプル：タイムライン（2/4）

タイムライン（2/4）

ブロックの設定を比較するサンプルです。各例の直前に変更設定と値を記載しています。

画像等は同梱素材を使用します。コピー用コードと書かれた例は、説明に従って必要なデータ・編集場所を用意してください。

sample-01240 / cocoon-blocks/timeline　backgroundColor：backgroundColor="ex-a"

sample-01241 / cocoon-blocks/timeline　backgroundColor：backgroundColor="ex-b"

sample-01242 / cocoon-blocks/timeline　backgroundColor：backgroundColor="ex-c"

sample-01243 / cocoon-blocks/timeline　backgroundColor：backgroundColor="ex-d"

sample-01244 / cocoon-blocks/timeline　backgroundColor：backgroundColor="ex-e"

sample-01245 / cocoon-blocks/timeline　backgroundColor：backgroundColor="ex-f"

sample-01246 / cocoon-blocks/timeline　プリセットの前景色：textColor="key-color" / borderColor="key-color"

sample-01247 / cocoon-blocks/timeline　プリセットの前景色：textColor="red" / borderColor="red"

sample-01248 / cocoon-blocks/timeline　プリセットの前景色：textColor="pink" / borderColor="pink"

sample-01249 / cocoon-blocks/timeline　プリセットの前景色：textColor="purple" / borderColor="purple"

sample-01250 / cocoon-blocks/timeline　プリセットの前景色：textColor="deep" / borderColor="deep"

sample-01251 / cocoon-blocks/timeline　プリセットの前景色：textColor="indigo" / borderColor="indigo"

sample-01252 / cocoon-blocks/timeline　プリセットの前景色：textColor="blue" / borderColor="blue"

sample-01253 / cocoon-blocks/timeline　プリセットの前景色：textColor="light-blue" / borderColor="light-blue"

sample-01254 / cocoon-blocks/timeline　プリセットの前景色：textColor="cyan" / borderColor="cyan"

sample-01255 / cocoon-blocks/timeline　プリセットの前景色：textColor="teal" / borderColor="teal"

sample-01256 / cocoon-blocks/timeline　プリセットの前景色：textColor="green" / borderColor="green"

sample-01257 / cocoon-blocks/timeline　プリセットの前景色：textColor="light-green" / borderColor="light-green"

sample-01258 / cocoon-blocks/timeline　プリセットの前景色：textColor="lime" / borderColor="lime"

sample-01259 / cocoon-blocks/timeline　プリセットの前景色：textColor="yellow" / borderColor="yellow"

sample-01260 / cocoon-blocks/timeline　プリセットの前景色：textColor="amber" / borderColor="amber"

sample-01261 / cocoon-blocks/timeline　プリセットの前景色：textColor="orange" / borderColor="orange"

sample-01262 / cocoon-blocks/timeline　プリセットの前景色：textColor="deep-orange" / borderColor="deep-orange"

sample-01263 / cocoon-blocks/timeline　プリセットの前景色：textColor="brown" / borderColor="brown"

sample-01264 / cocoon-blocks/timeline　プリセットの前景色：textColor="light-grey" / borderColor="light-grey"

sample-01265 / cocoon-blocks/timeline　プリセットの前景色：textColor="grey" / borderColor="grey"

sample-01266 / cocoon-blocks/timeline　プリセットの前景色：textColor="dark-grey" / borderColor="dark-grey"

sample-01267 / cocoon-blocks/timeline　プリセットの前景色：textColor="cocoon-black" / borderColor="cocoon-black"

sample-01268 / cocoon-blocks/timeline　プリセットの前景色：textColor="cocoon-white" / borderColor="cocoon-white"

sample-01269 / cocoon-blocks/timeline　プリセットの前景色：textColor="watery-blue" / borderColor="watery-blue"

sample-01270 / cocoon-blocks/timeline　プリセットの前景色：textColor="watery-yellow" / borderColor="watery-yellow"

sample-01271 / cocoon-blocks/timeline　プリセットの前景色：textColor="watery-red" / borderColor="watery-red"