Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

jeroenvanrensen's avatar

How to make a blur color background in CSS?

Hi,

I want to make a background like this, in CSS (with my own colors).

How should I do this (and is it even possible)?

Background

Background

Background

0 likes
3 replies
KalimeroMK's avatar

Use bootstrap

filter: blur(8px);
  -webkit-filter: blur(8px);
jeroenvanrensen's avatar

Yes you can use blur, but that does not solve the gradient coming from different sides

martinbean's avatar

@kalimeromk What on earth has that got to do with Bootstrap? filter is just a standard CSS property; nothing Bootstrap-specific at all.

Please or to participate in this conversation.