css change
This commit is contained in:
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user