跳到主要内容
忆云竹

CSS 渐变生成器

可视化制作线性或径向渐变，编辑 2–8 个色标和位置，实时预览并复制 CSS。

模式 



    

                    
                内容只在当前浏览器中处理，不上传或保存。
    



                    

                    
                

                
            
            

                            

                    
工具介绍

                    
可视化制作线性或径向渐变，编辑 2–8 个色标和位置，实时预览并复制 CSS。

                    

                                                设计工具
                                

                

            
                            

                    
使用说明

                    
选择渐变类型，调整颜色与百分比位置；线性渐变还可设置角度。添加或移除色标后预览立即更新，输出可直接用于 background。


色标按位置排序，同一位置可形成硬边界。支持 2–8 个色标，位置范围 0–100%，线性角度为 -360° 至 360°。径向渐变以中心椭圆展开。

                

            
                            

                    
相关工具

                    

                        

            
            
            
            
    

                    

                

            
                            

                    

    

        

            
评论

            0
        

        

                            
                            
                        
                            
                            
                    

    


                        

                后参与评论。
            

            
    

                    
暂无评论

            


    
    
    
    
                    

            

                
回复讨论

                
按时间查看完整回复脉络；每条回复都会标明它回应的具体内容。