日期:2013-11-27  浏览次数:21325 次

网页制造aiyiweb文章简介:CSS3绘制简单的播放器按钮.

相关文章:HTML5和css3实例:制造HTML5网页视频播放器

最近开始学习html5+css3,练习下css3,绘制了几个播放器的按钮,有什么更好的建议,望大家指出……

<!DOCTYPE>
 
<html>
 
<head>
 
        <meta charset="utf-8" />
 
    <style>
 
                body{
 
                        background:#000;
 
                }
 
                header{
 
                        font-family:"MicroSoft YaHei";
 
                        font-size:30px;
 
                        color:#990000;
 
                }
 
                .circle{
 
                        width:120px;
 
                        height:120px;
 
                        -webkit-border-radius:60px;
 
                        -moz-border-radius:60px;
 
                        border-radius:60px;
 
                        border:2px #FFF solid;
 
                        float:left;
 
                        margin:10px;
 
                        cursor:pointer;
 
                }
 
               
                .circle:hover,.circle1:hover{
 
                        -webkit-box-shadow:rgba(255,255,255,0.6) 0 0 15px;
 
       &nbs