una/CSSgram
CSSgram
CSSgram 是一个 CSS 图像滤镜库和框架，提供了一套用于实现视觉图像效果的可重用 Mixin 和类。它实现了基于 CSS 的图像处理，无需服务器端处理即可直接在浏览器中修改图像外观。
该项目通过将摄影风格滤镜和颜色预设应用于 Web 图像，促进了客户端照片处理和前端视觉样式设计。它结合使用 CSS 滤镜和混合模式，通过将预定义的类名分配给 HTML 元素来实现这些效果。
Features
- Image Visual Filters - Applies photographic styles and visual filters to images using CSS filters and blend modes.
- Browser-Based Image Processing - Enables modifying image appearance directly in the browser without requiring server-side processing.
- Client-Side Image Editing - Simulates professional photo editing effects directly in the browser without backend image manipulation.
- CSS Image Filter Libraries - Provides a collection of CSS filters and blend modes to apply photographic styles using class names.
- CSS Blend Modes - Implements photographic grading by merging color overlays with base images using CSS background-blend-mode.
- CSS Filter Effects - Provides a framework of reusable mixins and classes for implementing visual image effects via CSS filters.
- Declarative Styling Systems - Provides a declarative system to apply photographic looks by adding simple class names to HTML elements.
- Style Mixins - Uses Sass mixins to generate reusable CSS blocks for applying complex filter sets.
- CSS Visual Compositing - Combines multiple graphical effects like blur and contrast into single composite CSS properties for images.
- CSS Class-Based Styling - Creates consistent aesthetic looks for website imagery through a system of reusable CSS classes.
- Semantic Class Mapping - Maps semantic, human-readable class names to specific CSS filter and blend mode value strings.
- CSS Libraries - CSS-based image filter library for web content.
