Tranzparrenz ohne blur und vollen Farben

  • Hallo zusammen, der Titel klingt vielleicht etwas blöd, sagt aber das, was ich haben möchte.

    Rahmenbedingungen: WP mit Elementor Pro.

    mittels

    Code
    backdrop-filter:blur

    bekomme ich einen Glaseffekt hin, aber damit verwischt auf alles. Blur halt.

    Aber, ich möchte etwas, wie es auf dem anhängenden Bild zu erkennen ist. Ein Bild/Foto in voller Farbpracht aber eben trotzdem in Teilen transparent. Die "Rauhfaser-Tepete" ist ein fixierter Hintergrund der vollständigen Seite, also KEIN "Krisselhintergrund" des Fotos. Wenn man scrollt, sieht man den Hintergrund hinter dem Bild langwandern, weil fixed. Aber ich bekomme es nicht hin. Nur eben, dass die Farben verwaschen und nicht klar bleiben. Hat jemand da einen Tipp für mich?

    VG und besten Dank

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Hallo und besten Dank für die Antwort. opacity erzeugt aber auch so einen Milch-Effekt und blasser werdende Farben.

    Wie auf meinem Screenshot zu sehen, verlieren die Farben hier aber nicht ihre "Strahlkraft", wenn ich das so sagen darf, trotz der Transparenz.

    Oder habe ich etwas falsch verstanden?

  • Ach großartig. Das war die Lösung.

    herzlichen Dank. Ick freu mia:)

    kann/muss der Thread irgendwo explizit als gelöst geschlossen werden?

  • Gelöst gibt es hier nicht. Dein Hinweis, dass es geholfen hat, reicht.

    Das Geheimnis des Könnens liegt im Wollen!
    [size=12]Bitte keine Hilfegesuche per PN (auch keine "privaten" Links). Das ist ein öffentliches Forum.[/SIZE]

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!