应用截图
详细介绍
在浏览器中满足各种 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 属性添加信息和帮助指南。
- 修复了一些错误,尤其是部分标签页无法正常工作的问题。
- 一些代码修复和优化。看代码太久会写出糟糕的代码。