小编Nei*_*eil的帖子

我有一个像这样的对象:

{
  "address": ["line1", "line2", "line3"]
}

如何address在界面中定义？数组中的元素数量不固定.

想要模仿动画箭头:

http://uve.info/

在悬停时,笔划覆盖圆圈,我在Illustrator中创建了形状,这很好,定位容易.只是动画中风.

HTML(内联SVG):

<svg id="right_arrow" class="direction__right direction__item" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="80px" height="80px" viewBox="0 0 80 80" xml:space="preserve">
    <polygon class="ring offset-colour" points="32.5,52 47.5,40 32.5,28"/>
    <path class="arrow offset-colour" d="M40,1c21.5,0,39,17.5,39,39S61.5,79,40,79S1,61.5,1,40S18.5,1,40,1 M40,0C17.9,0,0,17.9,0,40s17.9,40,40,40s40-17.9,40-40S62.1,0,40,0L40,0z"/>
</svg>

路径,已经是一个圆圈.我想要一个位于当前路径顶部的另一条路径来模拟uve.info站点.整个动画都是通过悬停完成的.这就是箭头应该看起来像动画中期的痛苦.

什么是调用中风的最佳方法？

谢谢大家.

我知道 CSS 和 HTML5 以及一点点 jQuery。

我正在使用 SASS 和 Compass 进行测试。与 Sublime Text 2 和 Codekit 等工具一起使用。

但是我的 CSS 文件（缩小）总共 106KB。我已经包含了 Foundation 3 框架和我自己的 Typekit 字体。预编译的大小约为 35kb..

有任何想法吗？