Odbicie obrazka


(Hindol) #1

jak zrobić pod CSS/HTML odbicie obrazka (efekt mirror)

pod IE da się to zrobić w CSS znacznikiem style="filter:FlipV FlipH", ale to tylko pod IE działa, a potrzebuje uniwersalne rozwiązanie

znalazłem coś z użyciem canvas, a tego chciałbym uniknąć

jakieś pomysły? mnie zaćmiło :frowning:


(Sitemaster) #2

reflection.js http://cow.neondragon.net/stuff/reflection/

reflex.js http://www.netzgesta.de/reflex/

http://ajaxian.com/archives/automated-j ... reflection


(Hindol) #3

api, wszystkie te skrypty używają canvas :wink:

chodzi mi o najzwyklejszy efekt flip z użyciem najprostszych metod

wydawało mi się że kiedyś coś takiego uzyskałem w HTML/CSS z użyciem negatywnych liczb, ale za nic w świecie nie potrafię sobie przypomnieć jak ;(


(Sitemaster) #4
.flip-horizontal {

    -moz-transform: scaleX(-1);

    -webkit-transform: scaleX(-1);

    transform: scaleX(-1);

    filter: fliph; /*IE*/

}

.flip-vertical {

    -moz-transform: scaleY(-1);

    -webkit-transform: scaleY(-1);

    transform: scaleY(-1);

    filter: flipv; /*IE*/

}

Ale nie działa to na wszystkich przeglądarkach.