Я изо всех сил стараюсь, чтобы переходы, ориентированные на руководство и css, работали правильно. В основном я стараюсь иметь сетку элементов с передним и задним лицом, а когда на hover есть переход css, чтобы перевернуть этот элемент, чтобы показать обратную сторону.
Пример перехода (без указания направления): fiddle
Как вы можете видеть, независимо от того, каким образом ваша мышь входит в элемент, она всегда переворачивается. Я хочу, чтобы он перевернул любой способ ввода/выключения мыши.
Пример:
И вот моя попытка с руководством: fiddle
Я использую jQuery для добавления классов, относящихся к направлению ввода/вывода мыши.
.hover-in-top {}
.hover-in-right {}
.hover-in-bottom {}
.hover-in-left {}
.hover-out-top {}
.hover-out-right {}
.hover-out-bottom {}
.hover-out-left {}
Как видно из примера, ориентированного на руководство, это работает, но есть большие сбои, которые я не могу размазать. (Я переусердствовал, и мой мозг просто взорвался.)
В любом случае, я надеюсь, что это имеет смысл. Спасибо.