如何使用 ai 轻松创建开关按钮?今天php小编新一为大家带来关于 ai 打造开关按钮的详细教程,通过本教程,您将了解到如何使用 ai 的强大功能快速、轻松地创建各种开关按钮。文中提供了分步说明和示例代码,带领您一步步完成创建过程。继续阅读,掌握使用 ai 设计和开发开关按钮的实用技巧!
在ai中,新建一个800*800的文档,选择矩形工具,画一个矩形图形,

选中矩形图形到效果—风格化—圆角,并添加渐变颜色,

选中圆角图形到对象—路径—偏移路径,并添加渐变颜色,

点击圆角图形右键选择变换—缩放复制圆角图形,并添加渐变颜色,

再画一个圆角图形,并添加渐变颜色,
此代码么有依靠js文件实现的,而且大图和小图是分开的,这样用户在打开网页的时候能节约不少时间和流量 此代码实现方法也很简单,可以直接把index.html和images下面的文件拷贝到你需要运行的位置,然后保存即可,images下面的大图和小图按照你的需求来改,也可以给大图增加链接。

选中圆角图形到效果—风格化—投影,

选择椭圆工具,画两个正圆图形,并添加渐变颜色,

效果如图所示










