CSS与设计

实时预览创建漂亮的CSS渐变

设计分层 CSS 文本阴影,具有实时预览和滑块,可实现偏移、模糊、颜色和不透明度 - 构建光泽、轮廓、复古 3D 和压花效果,然后复制可制作 CSS。

用实时预览和每个角滑块在任何角落切换，在 PX、%、EM 和 REM 之间切换，并复制最短的有效 CSS 边框半径。

应用实时滑块和预览，应用模糊、亮度、对比度、灰度、棕褐色、色相旋转等，然后复制生产就绪的 CSS 过滤器代码。

使用实时预览和滑块创建磨砂玻璃 UI,以实现背景模糊、透明度、饱和度、颜色和半径 - 然后复制可制作 CSS。

使用实时预览创建软 UI(气态)元素,并控制距离、模糊、强度、半径、表面颜色和平坦/凹/凸/压形状 - 然后复制 CSS。

CSS灵活框布局直观地构建。通过实时预览调整合理性-内容,对齐-项目,方向,包装和间隙,然后复制生成的CSS-全部在您的浏览器中。

CSS Grid布局可视化构建。通过实时预览设置列、行、轨道大小、间隙和对齐, 然后复制生成的网格CSS - 全部在您的浏览器中。

CSS转换,从平移,旋转,缩放,倾斜和3D视角与实时滑块和预览,然后复制生产就绪的代码。

用实时悬停预览从属性、持续时间、定时功能和延迟构建 CSS 转换,然后复制生产就绪代码。支持多层。

CSS键框动画从淡入淡出、滑动、弹跳和旋转等预设中构建,调整持续时间、缓和、延迟、迭代和方向,实时预览,然后复制键框和动画速记。

设计分层 CSS 盒阴影,带有实时预览和滑块,可实现偏移、模糊、扩展、颜色、不透明度和插入 - 然后复制可制作 CSS。

CSS 单元 - px、rem、em、pt 和 % - 之间进行转换,具有可配置的根字体大小、即时全单元输出以及用于响应式排版的 px 到 rem 参考表。

生流体,响应式CSS钳()值,在视口之间缩放