Ajax Loader
×

Simple CSS Player UI

Simple Player UI in only CSS3. Gradients are used to create the shiny texture on player buttons with box-shadows to add some depth. On hover, the gradient color is lightened and the box-shadow is changed from black to white (rgba values) to render glow effect which came out pretty well. :)

This can be used with jQuery or HTML5 to create a real music player without images! Take a look at the code to understand more.

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Simple CSS Player UI

    CSSDeck G+