CC3 -moz Border Image Generator

Kevin Decker created a cool tool that uses CSS3 -moz-border-image property to draw some very cool and efficient design. The tool allows a single image to be used to style the borders and background of a particular element. In the e.g. below, each section will map to a different border, corner, or the content background, […]

Kevin Decker created a cool tool that uses CSS3 -moz-border-image property to draw some very cool and efficient design. The tool allows a single image to be used to style the borders and background of a particular element. In the e.g. below, each section will map to a different border, corner, or the content background, allowing for a single element and image to provide styling the previously required significantly more of each. The tool allows: WYSIWYG editing of border-image properties; Cross-browser border-image CSS generation; URL-based State (History + Preview in multiple browsers).

More info: Demo | GitHub | border-image-generator