html5卡巴拉日历动画特效

1、新建html文档。

2、书写hmtl代码。

 <path

       inkscape:flatsided="false"

       inkscape:rounded="0"

       inkscape:randomized="0"       

       d="m 322.10973,283.16965 a 38.940086,38.940086 0 1 1 -77.88017,0 38.940086,38.940086 0 1 1 77.88017,0 z" />

  </g>

</svg>

    </div>

3、书写css代码。

<style>

html,

body {

  background: #000;

  color: #fff;

}

.logo {

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -256px;

  margin-left: -256px;

  width: 512px;

  height: 512px;

}

.logo svg {

  fill: none;

  text-anchor: middle;

  stroke: #fff;

  stroke-width: 1;

}

</style

4、书写并添加js代码。<script  src="js/jquery.min.js"></script>

5、代码整体结构。

6、查看效果。