最免费 CSS 盒式影子发电机
以实时预览、内置和第二层-复制代码, 以视觉方式构建 CSS 箱阴影 。
100%免费
无注册
无水印
爱 Best.Free? 分享它
如何运作
- 移动滑动器. 设定、 模糊、 分散、 颜色和不透明; 如果您想要一个内影, 则切换内嵌 。
- 查看预览. 拖动时的活框更新; 在高级选项中添加第二层的深度。
- 复制 CSS. 将框阴影规则直接粘贴到您的样式表中。
关于此工具
设计框阴影, 不猜测像素值。 拖动 折叠 X 、 折叠 Y 、 模糊和分散滑块, 选择阴影颜色并在不透明中拨号, 并实时观看一个实时预览框更新 - 然后复制精确的箱阴影 CSS 。 翻转内阴影的内嵌阴影的切换。 高级选项堆叠第二个阴影层, 这样您就可以在现代卡片和按钮上建立软的多层阴影。 全部在您的浏览器中运行 。
人用它做什么用
- 在卡片和模式中添加软投投阴影
- 为输入和井创建内部阴影
- 堆叠两层, 以建立现实的,分散的阴影
- 与设计模型匹配的调整偏移和模糊度
经常问到的问题
偏移 X/ Y 将阴影水平和垂直移动, 模糊度使其边缘软化, 扩散度在模糊度应用前会增长或缩小整个阴影。 现场预览会立即显示每个变化 。
内置在元素内而不是在元素后面绘制阴影, 并进行按下查看 - 用于输入和切换。 翻转内置切换 。
选择颜色, 然后使用不透明滑动器; 工具输出 rbba () 值, 以便阴影自然混合 。
是。 开放高级选项, 启用第二个阴影层, 并自设偏移、 模糊、 颜色和嵌套 。
不。 生成器完全在您的浏览器中运行; 幻灯片只是计算本地的 CSS 字符串 。
完全免费,没有帐户,没有限制, 客户端工具, 没有任何计量。
是的,它运行在您的浏览器,所以 CSS 盒式阴影生成器在电话、平板电脑和桌面上都工作,没有安装的应用程序。
通常通常只有几秒钟的典型文件 - CSS 盒式阴影生成器在输入输入时开始工作。
使用权是无限的, 在一个慷慨的公平使用上限下, 保持它快速为每个人。
现代浏览器 - 铬、 STari、 Firefox 和 边缘。 CSS 阴影生成器不需要安装在您已经使用的浏览器之外 。