How can you create a blur effect on an image using CSS?
- background-color: blue;
- border: 1px solid black;
- filter: blur(5px);
- opacity: 0.5;
To create a blur effect on an image using CSS, you can use the filter property with the blur function. For example, filter: blur(5px); would apply a blur effect to the image, where "5px" represents the level of blurriness. This can be adjusted to control the blur intensity.
Loading...
Related Quiz
- Which CSS property is typically used to set breakpoints in responsive design?
- How can you ensure that text remains visible during webfont load?
- The BEM methodology suggests a naming convention where the block is separated from the element by a ________.
- If you want an animation to alternate between running forwards and backwards, you would use the animation-direction value of ______.
- What is the result when an element does not have a specific style defined but its parent does?