css实现三维立柱动态投票结果图表效果代码-html代码-BFW代码库

css实现三维立柱动态投票结果图表效果代码

代码语言：html

所属分类：图表

代码描述：css实现三维立柱动态投票结果图表效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">

</head>
<body>
    <style>

@charset "utf-8";
    body {
        font-family: "microsoft yahei",Arial,Helvetica,sans-serif;
        padding: 100px;
    }
    ul,li {
        list-style: none
    }
    a {
        color: #777;
    }
    /*---------------------------*/
    .votebody {
        height: 100%;
        width: 100%;
        background: rgba( 0,0,0,0.6);
        position: relative;
    }
    .progress-bar {
        /* background-color:rgba(26,26,26,0.33); */
        height: 30px;
        padding: 5px;
        margin: 5px 25px 6px 0;
        margin-left: 80px;
        /* -moz-border-radius:35px 100px 100px 35px; */
        /* -webkit-border-radius:35px 100px 100px 35px; */
        /* border-radius:35px 100px 100px 35px; */
        /* -moz-box-shadow:0 1px 5px rgba(0,0,0,0.45) inset,0 1px 0 rgba(68,68,68,0.36); */
        /* -webkit-box-shadow:0 1px 5px rgba(0,0,0,0.45) inset,0 1px 0 rgba(68,68,68,0.36); */
        /* box-shadow:0 1px 5px rgba(0,0,0,0.45) inset,0 1px 0 rgba(68,68,68,0.36); */
    }
    .progress-bar span {
        display: inline-block;
        height: 100%;
        background-color: #1a73e8;
      .........完整代码请登录后点击上方下载按钮下载查看