VRx js.vrx.palo-alto.ca.us
images
CSS Button Editor

CSS Button Editor

Direction

Colors

Start color

Add color

End color

Preview

 

Options for legacy browsers

Background color:      

Align:    

Align:    

px

Extended IE/Opera compatibility

Opera  

Internet Explorer  

The extended mode enables oblique gradients for Opera 9.5+ (using SVG background) and activate IE gradient filters. Unsing those filters may result in strange behaviours of your elements (locked form inputs, for instance), so use with caution!

CSS


				

				
PNG Download background PNG

				
SVG Download background SVG

			

			

		

		
		
Compatibility

		

			
				

					 
					Internet Explorer
					Firefox
					Chrome
					Safari
					Opera
				

			
			
				

					Version
					5.5 - 8
					< 3.6
					3.6+
					< 4
					4
					< 4
					4
					< 9.5
					9.5+
				

				

					Technology
					filter / streched PNG
					PNG
					Gradient
					PNG
					Gradient
					PNG
					Gradient
					PNG
					SVG
				

				

					Fluid
					Yes
					One direction
					Yes
					One direction
					Yes
					One direction
					Yes
					One direction
					One direction
				

				

					Alpha
					Yes
					Yes
					Yes
					Yes
					Yes
					Yes
					Yes
					Yes
					Yes
				

				

					Oblique
					No
					No
					Yes
					No
					Yes
					No
					Yes
					No
					Yes
				

			
		

		
		
Gradients syntax references

		
		
		
Credits

		
Icons: Fugue Icon Set

		
	

	
	
	
	















arrow-045.png

arrow-045.png





arrow-270.png

arrow-270.png





arrow-315.png

arrow-315.png





arrow.png

arrow.png