You are tasked with creating a vintage look for images on a webpage. Which CSS filter or combination of filters would you likely use?
- filter: blur(5px) opacity(0.7);
- filter: grayscale(100%) brightness(1.2) hue-rotate(90deg);
- filter: invert(100%) contrast(1.2) sepia(100%);
- filter: sepia(100%) contrast(0.8) brightness(0.8) saturate(1.5);
To create a vintage look for images, you can use CSS filters. The combination sepia(100%) contrast(0.8) brightness(0.8) saturate(1.5) would add a sepia tone, reduce contrast, lower brightness, and slightly increase saturation, giving the image a vintage appearance.
Loading...
Related Quiz
- You need to remove the default bullet points and apply a custom image as the bullet for each list item in an unordered list. How would you achieve this in CSS?
- On a blog page, you want to emphasize the first line of every paragraph differently from the rest of the content. Which CSS property and pseudo-element will help you achieve this effect?
- How does SMACSS (Scalable and Modular Architecture for CSS) categorize its styles?
- Which of the following properties, when animated, would cause a "repaint" but not "reflow" in most browsers?
- If a custom web font isn't supported or doesn't load, the browser will default to a ________ font.