Jak przerzucić dowolny obraz tła za pomocą CSS? Czy to możliwe?
obecnie używam tego obrazu strzałki w jednym background-image
z li
css
On: visited
Muszę obrócić tę strzałkę w poziomie. Mogę to zrobić, aby zrobić kolejny obraz strzałki, ALE jestem ciekawy, czy można odwrócić obraz w CSS:visited
css
mobile-webkit
Jitendra Vyas
źródło
źródło
Odpowiedzi:
Możesz odwrócić go w poziomie za pomocą CSS ...
jsFiddle .
Jeśli zamiast tego chcesz obrócić w pionie ...
Źródło .
źródło
-webkit-transform: scaleX(-1);
to wystarczy?<a>
i chcę tylko odwrócić obraz tła. Dajesz kod, aby przerzucić cały elementspan
a następnie odwrócić ją.<li><a href="#"><span>text</span></a></li>
to przerzucanie tekst zbyt więc co będzie przeciwieństwem kodzie dać unflip tekst, więc można napisać kod dla unflipli a span { }
w cssZnalazłem sposób, aby przerzucić tylko tło, a nie cały element, po tym, jak zobaczyłem wskazówkę, aby przerzucić w odpowiedzi Alexa. Dzięki alex za twoją odpowiedź
HTML
CSS
Zobacz przykład tutaj http://jsfiddle.net/qngrf/807/
źródło
-webkit-transform:scaleX(-1);
dla chromuWedług w3schools: http://www.w3schools.com/cssref/css3_pr_transform.asp
To jest transformacja 2D, więc powinna działać z prefiksami dostawcy w Chrome, Firefox, Opera, Safari i IE9 +.
Inne zastosowane odpowiedzi: przedtem, aby zatrzymać przerzucanie zawartości wewnętrznej. Użyłem tego w stopce (do lustrzanego odbicia obrazu z mojego nagłówka):
HTML:
CSS:
W rezultacie przerzucasz element, a następnie ponownie wszystkie jego elementy potomne. Działa również z elementami zagnieżdżonymi.
źródło
Jeśli chodzi o to, co jest warte, w przeglądarkach opartych na Gecko nie można tego wyłączyć z
:visited
powodu wynikających z tego wycieków prywatności. Zobacz http://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/źródło
Można odwrócić zarówno w pionie i poziomie w tym samym czasie
Dzięki właściwości przejścia możesz uzyskać fajny efekt
W rzeczywistości odwraca cały element, nie tylko
background-image
SKRAWEK
źródło