CSS旋转图示符图标

我正在尝试旋转已添加的字形图标：在标记之前。我已经尝试了很多似乎不起作用的方法，但肯定错过了一些简单的方法。单击时，a标记将从关闭/打开更改，这将触发动画

.Closed:before {
   font-family: "Glyphicons Halflings";
   content:"\e258";
}

<a class='FolderTitle Closed'>Providers</a>

.Closed:之前{
字体系列：“半人字形”；
内容：“\e258”；
}
提供者

---

它只需要旋转90度并保持它的位置-任何想法/JSFiddles？

设置

显示：内联块。之后，您将能够旋转您的内容。因此，您的CSS应该如下所示：

.Closed:before {
  display: inline-block;
  font-family: "Glyphicons Halflings";
  content: "\e258";
  transform: rotate(90deg);
}