MENU
ランチメニュー（通常表示の例です）
ランチプレート 1,300円
「おすすめ」マークはhtml内に画像として配置し、class="icon"と指定すればこの場所に表示されます。他に好きなアイコンを作ってclass指定してもOK。
ランチプレート 1,300円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
ランチプレート 1,300円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
コースメニュー（class="transform1"の例です）
コース 2,000円
「おすすめ」マークはhtml内に画像として配置し、class="icon"と指定すればこの場所に表示されます。他に好きなアイコンを作ってclass指定してもOK。
コース 2,000円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
コース 2,000円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
単品メニュー（class="transform2"の例です）
サラダ 400円
「おすすめ」マークはhtml内に画像として配置し、class="icon"と指定すればこの場所に表示されます。他に好きなアイコンを作ってclass指定してもOK。
サラダ 400円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
サラダ 400円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
ドリンクメニュー（class="up"の例です）
コーヒー 400円
「おすすめ」マークはhtml内に画像として配置し、class="icon"と指定すればこの場所に表示されます。他に好きなアイコンを作ってclass指定してもOK。
コーヒー 400円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
コーヒー 400円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
デザートメニュー（class="left"の例です）
デザート 400円
「おすすめ」マークはhtml内に画像として配置し、class="icon"と指定すればこの場所に表示されます。他に好きなアイコンを作ってclass指定してもOK。
デザート 400円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
デザート 400円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
デザートメニュー（class="right"の例です）
デザート 400円
「おすすめ」マークはhtml内に画像として配置し、class="icon"と指定すればこの場所に表示されます。他に好きなアイコンを作ってclass指定してもOK。
デザート 400円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
デザート 400円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
デザートメニュー（divタグでなく、中の画像だけに指定してもOKです。）
デザート 400円
「おすすめ」マークはhtml内に画像として配置し、class="icon"と指定すればこの場所に表示されます。他に好きなアイコンを作ってclass指定してもOK。
デザート 400円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
デザート 400円
ボックスのサイズや色などはcssフォルダのcssファイルで変更できます。
オリジナルのアニメーションを作りたい場合は
cssフォルダのinview.cssに、cssで動くアニメーションタグを追加します。
css冒頭の「共通設定」の２箇所にも追加するのを忘れないようご注意下さい。
スタイルを追加したら、jsフォルダのjquery.invie_set.jsにタグを追加して下さい。
既存のタグをコピペして、スタイル名を２箇所入れ替えればOKです。
transformのアニメーションが動作しない場合
htmlの下部に、
<!--パララックス用ファイル読み込み-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/protonet-jquery.inview/1.1.2/jquery.inview.min.js"></script>
<script src="js/jquery.inview_set.js"></script>
のタグがあるか確認して下さい。
httpsから始まるurlは将来リンク切れを起こす可能性もあります。その際は改めて「jQuery CDN」などでネット検索し、新しいurlに置き換えて下さい。