下面是京东源码的一部分 请教各位◇这句代码是如何实现向下的箭头。
//
1.
<li class="fore6 dorpdown" id="ttbar-apps" clstag="h|keycount|2015|01g">`
<div class="dt cw-icon">
<i class="ci-left"></i>
<i class="ci-right"><s>◇</s></i>
<a target="_blank" href="http://app.jd.com/">手机京东</a>
</div>
</li>
<li class="spacer"></li>
<li class="fore7 dorpdown" id="ttbar-atte" clstag="h|keycount|2015|01h">
<div class="dt cw-icon">
<i class="ci-right"><s>◇</s></i>关注京东
</div>
<div class="dd dorpdown-layer"></div>
</li>
<li class="spacer"></li>
仔细看看源代码，发现这是京东前段开发者用了CSS3 中的transition:rotate()方法，该方法可以让控件旋转，只在IE10+、firefox、chrome中支持。
也就是所谓的优雅降级
引入了图标字体文件的,不是在DOM中画出来的