soiz1 commited on
Commit
7261c18
·
verified ·
1 Parent(s): 56b2af9

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +33 -34
index.html CHANGED
@@ -538,45 +538,44 @@ html, body {
538
  100% { opacity: 0.8; }
539
  }
540
  .wave-container {
541
- position: fixed; /* absoluteからfixedに変更 */
542
  top: 0;
543
  left: 0;
544
- width: 100vw; /* 100%から100vwに変更 */
545
- height: 100vh; /* 100%から100vhに変更 */
546
- z-index: -1; /* 背景として最背面に */
547
- overflow: hidden; /* はみ出た部分を非表示 */
548
  }
549
  /* グリッド線を最背面に */
550
- .grid-lines {
551
- position: absolute;
552
- top: 0;
553
- left: 0;
554
- width: 100%;
555
- height: 100%;
556
- background-image:
557
- linear-gradient(rgba(100, 200, 255, 0.1) 1px, transparent 1px),
558
- linear-gradient(90deg, rgba(100, 200, 255, 0.1) 1px, transparent 1px);
559
- background-size: 50px 50px;
560
- z-index: 1;
561
- }
562
 
563
- /* 波をグリッドの上に */
564
- .wave {
565
- position: absolute;
566
- width: 100%;
567
- height: 100%;
568
- background: linear-gradient(
569
- to bottom,
570
- transparent,
571
- rgba(100, 200, 255, 0.1) 20%,
572
- rgba(100, 200, 255, 0.3) 50%,
573
- rgba(100, 200, 255, 0.1) 80%,
574
- transparent
575
- );
576
- opacity: 0.7;
577
- animation: waveFlow 4s linear infinite;
578
- z-index: 2;
579
- }
580
  .wave:nth-child(2) {
581
  animation-delay: 1s;
582
  opacity: 0.5;
 
538
  100% { opacity: 0.8; }
539
  }
540
  .wave-container {
541
+ position: fixed;
542
  top: 0;
543
  left: 0;
544
+ width: 100vw;
545
+ height: 100vh;
546
+ z-index: -1;
547
+ overflow: hidden;
548
  }
549
  /* グリッド線を最背面に */
550
+ .grid-lines {
551
+ position: absolute;
552
+ top: 0;
553
+ left: 0;
554
+ width: 100%;
555
+ height: 100%;
556
+ background-image:
557
+ linear-gradient(rgba(100, 200, 255, 0.1) 1px, transparent 1px),
558
+ linear-gradient(90deg, rgba(100, 200, 255, 0.1) 1px, transparent 1px);
559
+ background-size: 50px 50px;
560
+ z-index: 1;
561
+ }
562
 
563
+ .wave {
564
+ position: absolute;
565
+ width: 100%;
566
+ height: 100%;
567
+ background: linear-gradient(
568
+ to bottom,
569
+ transparent,
570
+ rgba(100, 200, 255, 0.1) 20%,
571
+ rgba(100, 200, 255, 0.3) 50%,
572
+ rgba(100, 200, 255, 0.1) 80%,
573
+ transparent
574
+ );
575
+ opacity: 0.7;
576
+ animation: waveFlow 4s linear infinite;
577
+ z-index: 2;
578
+ }
 
579
  .wave:nth-child(2) {
580
  animation-delay: 1s;
581
  opacity: 0.5;