Как перевернуть любое фоновое изображение с помощью CSS? Является ли это возможным?
В настоящее время я использую это изображение стрелки в background-image
о li
в CSS
On: visited
Мне нужно перевернуть эту стрелку по горизонтали. Я могу сделать это, чтобы сделать еще одно изображение стрелки, но мне просто интересно узнать, можно ли перевернуть изображение в CSS для:visited
css
mobile-webkit
Джитендра Вьяс
источник
источник
Ответы:
Вы можете перевернуть его горизонтально с помощью CSS ...
jsFiddle .
Если вы хотите перевернуть вертикально ...
Источник .
источник
-webkit-transform: scaleX(-1);
достаточно ли этого?<a>
и я хочу только перевернуть фоновое изображение. Код, который вы даете, должен перевернуть весь элементspan
а затем перевернуть это, однако.<li><a href="#"><span>text</span></a></li>
он также переворачивает текст, так что будет против вашего кода, чтобы развернуть текст, чтобы я мог написать код откатаli a span { }
в cssЯ нашел способ перевернуть только фон, а не весь элемент, увидев подсказку, чтобы перевернуть ответ Алекса. Спасибо алекс за твой ответ
HTML
CSS
Смотрите пример здесь http://jsfiddle.net/qngrf/807/
источник
-webkit-transform:scaleX(-1);
для хромаПо данным w3schools: http://www.w3schools.com/cssref/css3_pr_transform.asp
Это двумерное преобразование, поэтому оно должно работать с префиксами поставщика в Chrome, Firefox, Opera, Safari и IE9 +.
Используются и другие ответы: прежде чем остановить это, переверните внутреннее содержание. Я использовал это в моем нижнем колонтитуле (чтобы вертикально отразить изображение из моего заголовка):
HTML:
CSS:
Таким образом, вы в конечном итоге переворачиваете элемент, а затем переворачиваете все его дочерние элементы. Работает и с вложенными элементами.
источник
Что бы это ни стоило, для браузеров на базе Gecko вы не можете от этого избавиться из-
:visited
за утечки конфиденциальности. Смотрите http://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/источник
Вы можете щелкнуть как по вертикали и по горизонтали , в то же время
А с помощью свойства перехода вы можете получить крутой флип
На самом деле он переворачивает весь элемент, а не только
background-image
SNIPPET
источник