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

About The Author

Deepak Gupta is a IT & Web Consultant. He is the founder and CEO of diTii.com & DIT Technologies, where he's engaged in providing Technology Consultancy, Design and Development of Desktop, Web and Mobile applications using various tools and softwares. Sign-up for the Email for daily updates. Google+ Profile.