angular - Angular 6 z-index 和动画问题

我有这个代码：

使用以下 Font Awesome 图标代码（对于使用 FortAwesome 的角度）

<fa-icon [icon]='["fas","cogs"]' spin size='4x' style='z-index: 100; top: 10px; left: 60 px;'></fa-icon>

我试图让齿轮旋转，让齿轮漂浮在内容上。

我被困住了。

任何输入都会有所帮助。

标签： angularcss-animationsz-index

您需要将其更改为：

<fa-icon [icon]='["fas","cogs"]' size='4x' class="fa-spin" style='z-index: 100; top: 10px; left: 60 px; position: absolute;'></fa-icon>

类 fa-spin 需要旋转图标，但我想你需要另一个图标，因为整个图标都在旋转，你可能希望它们单独旋转。（对此不是很确定，从来没有用很棒的字体做过任何事情）

我也希望绝对定位是你在内容上浮动的意思