Remy Sharp’s have cool site for HTML5 demos and examples he have hacked together. The demos listed one by one and you can view the supported browsers in the right side. You can filter the demos by clicking on the browser support icon or the technology tag. You can view source code easily by clicking on the view source link for each demo.
BonBon Buttons, a sweet CSS3 buttons that are sexy looking, really flexible, but with the most minimalistic markup as possible. A mate, glossy and glass are the different 3 version of materials.
These CSS3 buttons are just for demo only and not meant to be used on your next project that target the average internet user. He just wanted to show a couple techniques how to use some of the new CSS3/HTML5 features. So only the current version of Safari, Chrome and Firefox are supported.
Are you a professional web designer, and you want to create a video player which look consistent across browsers. Each browser provide their own look and feel skin for the browser. And If you want to control to look the same on each browsers and integrate with your own design, you will have to create your own controls from scratch.
Jay wrote a tutorial for how to create a realistic looking button with css3. The whole idea is to use a combination of subtle effects to create a three dimensional object. The idea is that: The button is set into the canvas. The texture of the button is different from the canvas and the surface is slightly raised. And the text of the button is pressed into it.
WebDesignerWall has shared a multi-level mac like css drop down menu. They used border-radius, box-shadow and text-shadow css properties. The menu renders perfectly with Firefox, Safari and Chrome. IE also rendering the menu well without rounded corners and shadows.