应用截图

详细介绍

在浏览器中满足各种 CSS3 需求的便捷生成器。 CSS3 Generator 是一款便捷的扩展程序,可生成您需要的 CSS 代码。目前,它尽可能为以下 CSS3 属性生成跨浏览器代码: - 文字阴影 - 新增:现在可以添加多个阴影 - Hex/RGBA - 变换 - 圆角 - 盒阴影 - 新增:现在可以添加多个阴影 - 新增:盒阴影可以设为内阴影 - 分栏 - 渐变 - 线性 - 径向 - 条纹(新增!) - 箭头(用于工具提示等) 更多功能正在开发中,并会随着标准的变化和调整保持更新。 每个部分都提供便捷的滑块(适用时),用于选择各个 CSS 属性的所需值;对于渐变,您还可以快速轻松地添加和删除颜色节点,创建理想的渐变效果! 接下来只需将生成的代码复制到您的 CSS 中即可! 如果您希望添加某项 CSS3 功能,请发送反馈。如果遇到问题或发现错误,可以访问支持网站。 最新更改 -------------- v 1.0.5 ----------- - 修复了 Chrome 中滑块的 change 事件不触发的错误。添加修复后,所有滑块现在都会在更改时实时更新。 v 1.0.4 ----------- - Chrome 中发生了一些令人困扰的变化,导致滑块值改变时不会触发 change 事件,而是在触发 mouseup 事件时才会触发。滑块仍会更新数值,但只有松开鼠标时才会更新。 - 更新了 RGBa < - > 转换器,使 RGB 值能够更新十六进制值。CSS 即将发生一项变化,可能会在十六进制值中增加两个字符表示不透明度。如果这项变化发布,我会进行更新。 - 还向示例颜色添加了 RGBa 的 alpha 部分。随着向颜色添加更多 alpha(不透明度),颜色现在会逐渐淡出。 - 现在可以将盒阴影设为内阴影。 - 一些错误修复和优化。 v 1.0.3 ----------- - 在渐变标签页下添加条纹渐变 - 添加对多个文字阴影的支持 - 以及不透明度 - 添加对多个盒阴影的支持 - 以及不透明度 v 1.0.2 ----------- - 修复了过渡效果的颜色部分无法工作或保存所选选项的问题。 - 更改了 hex 和 RGBa 的标题,以表明两者可以相互转换 v 1.0.1 ----------- 代码优化后,现在一切应该会更流畅一些。 - 添加了包含三个子标签页的过渡效果标签页。 - 位置:为上、右、下、左位置添加动画。 - 边缘:为边缘(外边距、内边距等)添加动画。 - 颜色:为各种颜色(背景、边框等)添加动画。 - 缓动:设置缓动选项(包括自定义贝塞尔曲线!)。 - 添加了包含两个子标签页的滤镜标签页 - 主要滤镜:一组不需要大量选项的滤镜 - 投影:需要几个选项,因此放在单独的标签页中 - 为节省空间并保持简洁,将变换、圆角和盒阴影移到各自的标签页,现在称为盒模型。 - 开始为部分 CSS3 属性添加信息和帮助指南。 - 修复了一些错误,尤其是部分标签页无法正常工作的问题。 - 一些代码修复和优化。看代码太久会写出糟糕的代码。