cutechicken commited on
Commit
c78083f
·
verified ·
1 Parent(s): d455e15

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +78 -4
index.html CHANGED
@@ -365,11 +365,85 @@
365
  z-index: 11;
366
  }
367
 
368
- /* RWR 방향 표시 */
369
- .rwr-direction-marks {
370
  position: absolute;
371
- width: 100%;
372
- height: 100%;
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
373
  }
374
 
375
  .rwr-direction-text {
 
365
  z-index: 11;
366
  }
367
 
368
+ /* RWR 위협 표시 */
369
+ .rwr-threat {
370
  position: absolute;
371
+ width: 15px;
372
+ height: 15px;
373
+ transform: translate(-50%, -50%);
374
+ text-align: center;
375
+ font-size: 10px;
376
+ font-weight: bold;
377
+ z-index: 5;
378
+ }
379
+
380
+ /* RWR 락온 방향선 */
381
+ .rwr-lock-line {
382
+ position: absolute;
383
+ background: #ff0000;
384
+ height: 2px;
385
+ transform-origin: left center;
386
+ z-index: 4;
387
+ animation: lock-pulse 0.5s infinite;
388
+ }
389
+
390
+ @keyframes lock-pulse {
391
+ 0%, 100% { opacity: 1; }
392
+ 50% { opacity: 0.3; }
393
+ }
394
+
395
+ /* 미사일 경고 패널 */
396
+ .missile-warning-panel {
397
+ position: fixed;
398
+ top: 50%;
399
+ right: 20px;
400
+ transform: translateY(-50%);
401
+ background: rgba(255, 0, 0, 0.2);
402
+ border: 2px solid #ff0000;
403
+ border-radius: 5px;
404
+ padding: 10px;
405
+ z-index: 1500;
406
+ min-width: 200px;
407
+ }
408
+
409
+ .missile-warning-item {
410
+ color: #ff0000;
411
+ font-size: 16px;
412
+ font-weight: bold;
413
+ margin: 5px 0;
414
+ text-shadow: 0 0 5px #ff0000;
415
+ animation: warning-blink 0.3s infinite;
416
+ }
417
+
418
+ @keyframes warning-blink {
419
+ 0%, 50% { opacity: 1; }
420
+ 51%, 100% { opacity: 0.7; }
421
+ }
422
+
423
+ /* 락온 경고 화살표 */
424
+ .lock-warning-arrow {
425
+ position: fixed;
426
+ width: 40px;
427
+ height: 40px;
428
+ z-index: 1400;
429
+ pointer-events: none;
430
+ }
431
+
432
+ .lock-warning-arrow::before {
433
+ content: '▲';
434
+ position: absolute;
435
+ top: 50%;
436
+ left: 50%;
437
+ transform: translate(-50%, -50%);
438
+ font-size: 30px;
439
+ color: #ffff00;
440
+ text-shadow: 0 0 10px #ffff00, 0 0 20px #ffff00;
441
+ animation: arrow-blink 0.5s infinite;
442
+ }
443
+
444
+ @keyframes arrow-blink {
445
+ 0%, 50% { opacity: 1; }
446
+ 51%, 100% { opacity: 0.3; }
447
  }
448
 
449
  .rwr-direction-text {