css - 如何翻转字形图标

标签 css icons flip glyphicons

有什么办法可以翻转字形。我找到了 Flip an Image CSS 技巧,但这对字形图标不起作用。请任何建议

最佳答案

像这样

HTML

<a href="#" class="btn"><i class="icon-rotate icon-flipped"></i></a>

CSS

.icon-flipped {
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
}

http://fortawesome.github.io/Font-Awesome/examples/#rotated-flipped

关于css - 如何翻转字形图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18609819/

相关文章:

css 页脚内容在 html5 中无法正确显示

c# - 如何在 C# 中创建包含多种尺寸/图像的图标文件

html - 翻转div需要添加前后图片

c# - 如何翻转内存中的图像?

html - 在忽略 float 元素的同时在父级中居中内联 block div

css - Gridsome/vue.js 如何为不同的页面指定不同的背景颜色?

android - 如何在小部件上显示其他应用程序图标?

HTML/CSS3 翻转图像

html - Bootstrap 的下拉按钮不在同一行

android - 更改 Action 提供者后退图标