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