1 个仓库
Technical explorations of the limits of CSS properties to create complex visual effects.
Distinct from Front-End Development: None of the candidates focus on the experimental push of CSS boundaries for graphics rendering.
Explore 1 awesome GitHub repository matching user interface & experience · CSS Design Experiments. Refine with filters or upvote what's useful.
该项目是一个 CSS 艺术画廊和前端设计实验,由完全使用 HTML 和 CSS 渲染的人物肖像组成。它作为一个纯 CSS 插图和矢量艺术集合,在不使用外部图像文件、SVG 或 Canvas 的情况下创建详细的数字绘图。 该项目采用多种技术方法来实现这些视觉效果,包括模拟单个像素的 box-shadow 像素艺术,以及使用具有绝对定位的层叠 HTML 元素来构建矢量风格图形。它利用嵌套组件层级和相对坐标系来在不同比例下保持比例。 该实现涵盖了一系列 CSS 功能,例如通过 border-radius 和 clipping 进行形状组合,以及使用 CSS 变量来集中管理调色板以实现一致渲染的主题系统。
Explores the technical limits of CSS positioning and shapes to render complex graphics without SVG or Canvas.