Blur Radius behaviour

How-to Discussions
1

What would be best practice if you want to achieve blur radius in an object inside a rectangle, without letting it “float” outside of the rectangle? Is there a way to contain the blur effect?

2

Hi Terje,

a Rectangle is not a clipping mask, so that won’t do it. A Panel though does have a ClipToBounds property.

So something like this might do what you’re after:

<Panel Width="100" Height="100" ClipToBounds="true">
	<Rectangle Color="#999">
		<Circle Color="#faf">
			<Blur />
		</Circle>
	</Rectangle>
</Panel>
3

Wow, this is perfect! Thank you so much :smiley: