Monday, January 16, 2012

HTML5/CSS3 graphic enhancement: buttons, inputs - CodeProject®

Introduction to Article by DrABELL

Suggested technique does not require any graphic files like .jpg or .png, etc. All aesthetic enhancements, like: rounded corners, color gradients, borders and shadows are achieved exclusively via CSS3 styling, thus resulting in very small digital footprint and fast web page load.

Following code snippet demonstrates web page novel styling technique using HTML5/CSS3 advanced features: rounded corners, gradients (in particular, color-stop property), shadows applicable to HTML5 elements, in particular, input, button and div elements.


HTML5/CSS3 graphic enhancement: buttons, inputs - CodeProject®
Enhanced by Zemanta

No comments: