Using CSS3 transforms/animations with font-face produces “wobbly” spinner gif-like

前端 未结 4 2314
甜味超标
甜味超标 2021-02-13 12:05

I\'m using CSS transforms/animations with font-face (twitter bootstrap/font-awesome) to produce a spinner gif-like icon.

The problem is that the icon wobbles as it revol

4条回答
  •  没有蜡笔的小新
    2021-02-13 12:26

    I don't see it documented in the pages at Font Awesome's site, but the CSS source shows an icon-spin class which rotates an icon endlessly, and for your icon-repeat logo, has virtually no wobble.

    
    

    ...though I'm guessing it's really intended for the icon-spinner icon:

    
    

    Edit: d'oh... this relies on a more recent font-awesome.css than the one in your example. So maybe the answer is just that they fixed the wobble themselves. The icon-spin class is new though.

提交回复
热议问题