質問編集履歴

2

ループアニメーション追記

2020/01/19 02:50

投稿

TofuLove
TofuLove

スコア14

test CHANGED
File without changes
test CHANGED
@@ -231,3 +231,19 @@
231
231
  下記サンプルは```overflow-y: hidden;```を削除した場合のサンプルです。
232
232
 
233
233
  [サンプルC](https://jsbin.com/kanuhivuzu/edit?html,css,output)
234
+
235
+
236
+
237
+ 追記 ループアニメーション追加
238
+
239
+ ---
240
+
241
+ [サンプルD](https://jsbin.com/rozakirice/edit?html,css,output)
242
+
243
+
244
+
245
+ ループアニメーションのコピペ元
246
+
247
+ [CodePen Home
248
+
249
+ Star animation CSS](https://codepen.io/Suburbanno/pen/OXZrvw?editors=1100)

1

サンプル追加

2020/01/19 02:50

投稿

TofuLove
TofuLove

スコア14

test CHANGED
File without changes
test CHANGED
@@ -225,3 +225,9 @@
225
225
  footerのスタイルに設定してある```overflow-y: hidden;```を削除すると、コンテンツ量が増えてもサンプルAのフッターのように、フッターコンテンツを表示できる分の領域を確保できました。
226
226
 
227
227
  しかし、フッターコンテンツを表示するとフッター下の余白が減りページ全体のサイズが変わるためか、スクロールバーの位置が変わってしまいます。
228
+
229
+
230
+
231
+ 下記サンプルは```overflow-y: hidden;```を削除した場合のサンプルです。
232
+
233
+ [サンプルC](https://jsbin.com/kanuhivuzu/edit?html,css,output)