<div class="box2">のみ指定した場合。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
<div class="box2 transform1">と指定した場合。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
<div class="box2 transform2">と指定した場合。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
<div class="box2 up">と指定した場合。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
<div class="box2 left">と指定した場合。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
<div class="box2 right">と指定した場合。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
それぞれ、
<figure class="transform1">
<figure class="transform2">
<figure class="up">
と指定しています。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。タイトルも説明文も短めにして下さい。長いと途中で切れます。
cssフォルダのinview.cssに、cssで動くアニメーションタグを追加します。
css冒頭の「共通設定」の２箇所にも追加するのを忘れないようご注意下さい。
スタイルを追加したら、jsフォルダのjquery.invie_set.jsにタグを追加して下さい。
既存のタグをコピペして、スタイル名を２箇所入れ替えればOKです。
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に置き換えて下さい。
| 所在地 | 〒000-0000 東京都XX区XXXXXX10-10-10 |
|---|---|
| 営業時間 | AM9:00〜PM5:00 |
| TEL | 0120-0000-0000 |
| アクセス方法 |
|
| 駐車場 | XX台可 |
| 関連サイト |
|
