这是格子同学提供的一款由CSS3制作的迷你播放器面板的案例（时间效果是由jQuery完成）。这个案例仿Mac电脑的窗口风格设计，整个面板分成三部分，顶部由标题和最小化、最大化以及关闭按钮组成（这三个按钮功能未添加）；中间部分类似于播放器一样，左边是播放的按钮（播放、中止和停止）三个组成，以及播放时间的计算（时间效果由jQuery完成）；最底下部分是整个时间的统计文本。整体效果清爽，设计层次清晰。当然大家关注的还是使用了什么技术，这里我们仅仅面板效果来说的话，并不复杂，只使用了CSS3的圆角、阴影、渐变和@font-face几个简单的属性，感兴趣的话继续往下看代码吧。