css change
This commit is contained in:
parent
21d7f16289
commit
3b47540985
|
|
@ -228,18 +228,16 @@ select,
|
|||
.search-form-container {
|
||||
transition: all 0.3s ease;
|
||||
|
||||
// Fallback: Etwas weniger transparent, damit es ohne Blur gut lesbar bleibt
|
||||
background-color: rgba(255, 255, 255, 0.95);
|
||||
// Dieser Mix aus hoher Transparenz und leichter Deckkraft
|
||||
// sieht auch ohne Blur auf dem Hintergrundbild meist gut aus.
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
|
||||
// Nur anwenden, wenn der Browser backdrop-filter unterstützt
|
||||
@supports (backdrop-filter: blur(10px)) {
|
||||
background-color: rgba(255, 255, 255, 0.8); // Hier wieder transparenter
|
||||
backdrop-filter: blur(10px);
|
||||
}
|
||||
// Optional: Ein ganz feiner Border hilft der Abgrenzung
|
||||
border: 1px solid rgba(255, 255, 255, 0.3);
|
||||
box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
}
|
||||
// Deaktiviere backdrop-filter komplett für den Test
|
||||
// backdrop-filter: blur(10px);
|
||||
}
|
||||
|
||||
// Header button improvements
|
||||
|
|
|
|||
Loading…
Reference in New Issue