CODEWITHSUNDEEP
c#xamluwpwindows-10windows-10-universal
Kacper
Kacper

Reputation: 622

Make text more visible on blur image

This is how I make Blur:

await BlurBackround.Blur(value: 7, duration: 10, delay: 0).StartAsync();

This is how it looks like: enter image description here

Problem is on white elements of image. It is any way to make image more darker before blur or make text letters black border?

Upvotes: 3

Views: 599

Answers (2)

user8162574
user8162574

Reputation:

Try adding a drop shadow..? It helps to add some contrast between the text and the background. This post shows how to do it in xaml -> post

Upvotes: 2

AlexDrenea
AlexDrenea

Reputation: 8039

The common pattern to ensure text visible over the image, is to apply a solid black color layer with 0.2-0.3 Opacity between the text and image components.

Upvotes: 8

Related Questions