Tag Archives: css3

BonBon Buttons – A CSS3 Examples

BonBon Buttons - A CSS3 Examples

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.

website url

Share with Friends
[Facebook] [Jamespot] [Reddit] [StumbleUpon] [Twitter] [Email]

Create a Custom HTML5 Video Player with CSS3 and JQuery

Create a Custom HTML5 Video Player with CSS3 and JQuery

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.

All media elements in HTML5 support the media elements API, which we can access using JavaScript and use to easily wire up functions such as play, pause, etc. to any buttons we create. Because the native video player plays nicely with other open web technologies, we can create our controls using HTML, CSS, SVG or whatever else we like.

website url

Share with Friends
[Facebook] [Jamespot] [Reddit] [StumbleUpon] [Twitter] [Email]

Create a Realistic Looking Button with CSS3

Create a Realistic Looking Button with CSS3
Create a Realistic Looking Button with CSS3

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.

website url

Share with Friends
[Facebook] [Jamespot] [Reddit] [StumbleUpon] [Twitter] [Email]