CSS 渐变生成器

可视化生成 CSS 渐变，实时预览代码

CSS 代码 


                    

                    

                        
                        
                    

                

            


            

                

                

                    
操作提示

                    
    
                        
  • • 选择渐变类型和方向
    • 
                        
  • • 点击色块修改颜色
    • 
                        
  • • 拖动滑块调整位置
    • 
                        
  • • 从预设模板快速开始
    • 
                        
  • • 一键复制 CSS 代码
    •