以下はサンプル展示用なのでtransform(アニメーション)を派手に使っていますが、ブロック単位で統一した方がおすすめ。
バリエーション＆使い方の説明はこちら。

※以下の画像のアニメーションは、DL直後では表示されません。
inview.jsというファイルが必要なので、こちらのマニュアルをご覧下さい。ファイルは簡単に入手できます。
※アニメーションを使わず、通常の固定表示にする場合。
バリエーション＆使い方の説明をご覧下さい。以下の画像もすぐ表示されます。

コーヒーの試飲

X月X日より取り扱い開始予定のコーヒー豆を使った試飲会を行います。みなさまぜひご参加下さい！

もっと見る

12/20

コーヒーの試飲

タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。

もっと見る

12/20

コーヒーの試飲

タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。

もっと見る

12/20

いちごの試食

X月X日より取り扱い開始予定のいちごの試食会を行います。みなさまぜひご参加下さい！

もっと見る

12/20

いちごの試食

タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。

もっと見る

12/20

いちごの試食

タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。

もっと見る

12/20

更新情報・お知らせ

2019/01/12

アニメーションを使わない場合の解説が不十分だったので更新。合わせてinview.cssを直接head内に読み込む方法に変更。他、html下部に不要なタグが残っていたのを削除。※利用者様は特に更新の必要はありません。NEW

2018/12/13

tp_bussan1配布開始。

20XX/00/00

サンプルテキスト。サンプルテキスト。サンプルテキスト。

20XX/00/00

サンプルテキスト。サンプルテキスト。サンプルテキスト。

20XX/00/00

サンプルテキスト。サンプルテキスト。サンプルテキスト。

20XX/00/00

サンプルテキスト。サンプルテキスト。サンプルテキスト。

20XX/00/00

サンプルテキスト。サンプルテキスト。サンプルテキスト。

20XX/00/00

サンプルテキスト。サンプルテキスト。サンプルテキスト。

» 過去ログ