css - 如何翻转基础图标的方向

标签 css webfonts glyphicons

<分区>

我有一个基础图标,它是一个从左下角到右上角的放大镜 foundationtion

这不是几乎所有网站显示图标的方式(通常是从左上角到右下角,例如 google):

Google search icon

是否有方法或 CSS 类来翻转它?

最佳答案

.logo{
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
  filter: FlipH;
  -ms-filter: "FlipH";
}

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

上一篇:html - H1 和网站内容从横幅中消失,就好像它们的上边距为负数一样

下一篇:css - 向右拉时如何在 Bootstrap 动态导航栏选项卡上保留边框底部

相关文章:

css - 是否可以有条件地链接 CSS 字体?

css - Bootstrap 3 - 图像上的 Glyphicon

javascript - 闪烁一个字形图标

css - 某些字符不适用于 fontsquirrel webfont

php - Snippet Syntax Highlighter 插件的问题

溢出/滚动指示器的纯 CSS 解决方案

css - 比父级高的垂直居中动态高度图像

html - 如何获取站点上使用的所有字体系列的列表?

glyphicons - 如何在 bootstrap 4 和 angular2 中使用 Glyphicons?

php - 检测移动设备,如果移动设备使用替代的 css 样式表?