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).
Get Latest News
Subscribe to Digital News Hub
Get our daily newsletter about the latest news in the industry.