Multi-line buttons with Compass, Sass, and CSS3

This morning I uploaded a new demo the Sass Recipes repository based on work for showing how easy it is to create a multi-line buttons with Sass, Compass, and CSS3.

View the Demo

Believe it or not, I created the buttons in the demo without using a single image. Normally, this kind of button is so complex that designers create the finished buttons as images rather than spending the time to style them using CSS. CSS for this type of thing is error prone and typically requires the use of multiple background images.

Until now.

CSS3 makes it possible to achieve this effect without images. And Compass makes it easy to use these advanced CSS3 features in a concise way that works across modern browsers.

© 2013 John W. Long