Home / Companies / Webflow / Blog / Post Details
Content Deep Dive

New feature: CSS filters

Blog post from Webflow

Post Details
Company
Date Published
Author
Javier Chávarri
Word Count
325
Company Posts That Month
6
Language
English
Hacker News Points
-
Post removed?
No
Summary

CSS filters, typically used for images, can now be applied to various elements like buttons, text, and videos through the Effects section of the Style tab. These filters include Blur, which applies a Gaussian blur adjustable by radius; Hue Rotate, altering colors based on an angle value up to 1440 degrees; Saturation, enhancing color intensity with adjustable amounts; Brightness, changing an element's lightness where values beyond 100% increase brightness; and Contrast, modifying the level of contrast with values over 100% for exaggerated effects. Additionally, Grayscale converts color images to black and white, Sepia adds a vintage feel with values from 0% to 100%, and Invert changes color values completely when set to 100%. Each filter offers specific values for fine-tuning their effects, promoting creative flexibility in design applications.

Trends Found in this Post

No tracked trend matches for this post yet.

Use This Data

Use this post, company, and trend context to find content marketing opportunities, perform competitive analysis, or address product feature gaps via the Plushcap MCP server or the Plushcap API.