Question

你能告诉我如何让圆圈的边框单独旋转......而不是让带有文字的整个圆圈旋转.... 试图调试，但无法找到它... 提供我的代码

<script type="x-template" id="underscore-template">
  <div class="box" id="box-<%= number %>" style="top: <%= top %>px; left: <%= left %>px; background: rgb(0,0,<%= color %>);">
    Count : <%= content %>       
  </div>
</script>

Answer 1

你很亲密。 Here's a Fiddle.

<script type="x-template" id="template">
    <div class="display">
        <div class="box" id="box-<%= number %>" style="top: <%= top %>px; left: <%= left %>px; transform: rotate(<%= degrees %>deg);-webkit-transform:rotate(<%= degrees %>deg);">
        </div>
        <div class="content">
            Count : <%= degrees %>
        </div>
    </div>
</script>

Answer 2

使用2个嵌套div的Mys解决方案，其中表示圆圈的div需要位于带球体的div内 e.g：

<div class='sphere with count or whatevs'> <div class='rotating circle'></div></div>

圆和文本分别旋转

2 个答案: