|
44 | 44 | margin-bottom: -1rem; |
45 | 45 | position: relative; |
46 | 46 | z-index: 5; |
47 | | - /* Subtiler 50px Fade-Effekt: links, rechts UND oben */ |
48 | | - mask: |
49 | | - linear-gradient(to right, |
50 | | - transparent 0%, |
51 | | - black 50px, |
52 | | - black calc(100% - 50px), |
53 | | - transparent 100%), |
54 | | - linear-gradient(to bottom, |
55 | | - transparent 0%, |
56 | | - black 50px, |
57 | | - black 100%); |
58 | | - mask-composite: intersect; |
59 | | - -webkit-mask: |
60 | | - linear-gradient(to right, |
61 | | - transparent 0%, |
62 | | - black 50px, |
63 | | - black calc(100% - 50px), |
64 | | - transparent 100%), |
65 | | - linear-gradient(to bottom, |
66 | | - transparent 0%, |
67 | | - black 50px, |
68 | | - black 100%); |
69 | | - -webkit-mask-composite: source-in; |
| 47 | + /* Neon glow effect matching the DDC text style */ |
| 48 | + filter: |
| 49 | + drop-shadow(0 0 8px rgba(0, 195, 255, 1)) |
| 50 | + drop-shadow(0 0 20px rgba(0, 195, 255, 0.7)) |
| 51 | + drop-shadow(0 0 45px rgba(0, 195, 255, 0.5)) |
| 52 | + drop-shadow(0 0 80px rgba(0, 120, 255, 0.35)); |
| 53 | + transition: filter 0.3s ease; |
| 54 | + } |
| 55 | + .logo-header img:hover { |
| 56 | + filter: |
| 57 | + drop-shadow(0 0 12px rgba(0, 195, 255, 1)) |
| 58 | + drop-shadow(0 0 30px rgba(0, 195, 255, 0.85)) |
| 59 | + drop-shadow(0 0 60px rgba(0, 195, 255, 0.6)) |
| 60 | + drop-shadow(0 0 100px rgba(0, 120, 255, 0.45)); |
70 | 61 | } |
71 | 62 | .alert { margin-top: 15px; } |
72 | 63 | .help-icon { cursor: help; margin-left: 5px; color: #6c757d; font-size: 0.9em; } |
|
0 commit comments