#Blurry Background ohne Textblur

8 messages · Page 1 of 1 (latest)

uneven elbow
#

Thanks for your question :clap:, if someone gives you an answer it would be great if you thanked them with a :white_check_mark: in response. This response will earn you both points for special roles on this server.

You can also use /ai to get help from the bot ·
hollow cosmos
#

Hi, wie ihr am Bild sehen könnt will ich das "example image" blurren, aber den "Testtext" ungeblurred lassen.
Gerne Tipps und Tricks geben (Auch allgemein zu CSS, ich flipp aus mit dem Quatsch obwohl ich das schon soo lange mach)

<body>
  <div class="hero">
    <h1>Testtext</h1>
  </div>
</body>

.hero {
    width: 100%;
    height: 35vh;
    background: url("../Images/example.png") no-repeat center center/cover;
    filter: saturate(2) blur(3px);
    display: flex;
    justify-content: center;
    align-items: center;
}
uneven elbow
#

@hollow cosmos mxrco.kr's Question:

quick explanation how to blur background imageof a div in css, but dont blur heading in same div

Processing...

hybrid sun
#

Verwende z-index

hollow cosmos
#

hat nix verändert

lethal cypress
#

gab glaube nen backdrop filter