コンテンツ1 サムネイル 16×9

contents-1-3840x3840

売れてます
人気です
セール中
割引中

内枠の上下左右に
ジグザグ

【B-1】classのboxes-suspendにzigzag-xyを追加

内枠の左右にジグザグ

【B-2】classのboxes-suspendにzigzag-xを追加

ボックスデザインの標準は「boxes-suspend」で囲む

内枠の上下にジグザグ

【B-3】classのboxes-suspendにzigzag-yを追加

内枠の上にジグザグ

【B-4】classのboxes-suspendにzigzag-topを追加

「◯-x」は横(x軸)
「◯-y」は縦(y軸)
「◯-xy」は横縦(xy軸)

内枠の下にジグザグ

【B-5】classのboxes-suspendにzigzag-bottomを追加

「◯-top」は内枠(inner)の上の辺
「◯-bottom」は内枠(inner)の下の辺

内枠の上下左右に
サーフ波

【B-6】classのboxes-suspendにsurf-xyを追加

内枠の左右にサーフ波

【B-7】classのboxes-suspendにsurf-xを追加

内枠の上下にサーフ波

【B-8】classのboxes-suspendにsurf-yを追加

内枠の上にサーフ波

【B-9】classのboxes-suspendにsurf-topを追加

内枠の下にサーフ波

【B-10】classのboxes-suspendにsurf-bottomを追加

内枠の上下左右に
ウェーブ波

【B-11】classのboxes-suspendにwave-xyを追加

内枠の左右に
ウェーブ波

【B-12】classのboxes-suspendにwave-xを追加

内枠の上下に
ウェーブ波

【B-13】classのboxes-suspendにwave-xyを追加

内枠の上にウェーブ波

【B-14】classのboxes-suspendにwave-topを追加

内枠の下にウェーブ波

【B-15】classのboxes-suspendにwave-bottomを追加

内枠の左右に
ドリップしずく

【B-16】classのboxes-suspendにdrip-xを追加

内枠の上下に
ドリップしずく

【B-17】classのboxes-suspendにdrip-yを追加

内枠の上に
ドリップしずく

【B-18】classのboxes-suspendにdrip-topを追加

内枠の下に
ドリップしずく

【B-19】classのboxes-suspendにdrip-bottomを追加

外枠内枠の上が
アーク(円弧)

【B-20】classのboxes-suspendにarc-topを追加

外枠内枠の下が
アーク(円弧)

【B-21】classのboxes-suspendにarc-bottomを追加

外枠内枠の上下が
アーク(円弧)

【B-22】classのboxes-suspendにarc-top-bottomを追加

外枠内枠の上が
アーク(円弧)
下にジグザグ

【B-23】classのboxes-suspendにarc-topとzigzag-bottomを追加

外枠内枠の下が
アーク(円弧)
上に大きなしずく

【B-24】classのboxes-suspendにarc-bottomとdrip-topを追加

 

アバター

author-primary による

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