Category Archives: CSS

Image free responsive mobile menu buttons using the ≡ character and pure CSS

Pure CSS scalable menu toggle buttons with three, four, five and six lines – tutorial and download Different pure CSS buttons at 60px, 90px, 115px, 145px and 170px. The top row uses CSS3 styling whereas the bottom row is CSS2 Download the CSS – 4.3KB (full version) ‘lite’ version – 772B (3 line button only, […]

Using Panoramic Photos for Variable Width CSS Backgrounds

Variable Panoramic Header Backgrounds – CSS Development Techniques Traditionally, websites are made either as a static width – one that doesn’t change depending on other factors – or one that is fluid – that does not have a width set and will expand to fill the width of the screen, whatever that is. For a […]

Pure CSS3 Rainbow Background

-moz-repeating-linear-gradient Example Quick Post to show off something I wrote a few weeks ago, a CSS3 rainbow background for Firefox with the -moz-repeating-linear-gradient() property. background:-moz-repeating-linear-gradient(45deg, purple 20px, indigo 60px, blue 110px, green 160px, yellow 200px, orange 240px, red 290px, purple 320px) Here it is applied to a div: It would be possible to code this […]