CSS-помощь при переворачивании плитки

Поэтому я пытаюсь следовать руководству ( http://davidwalsh.name/css-flip) о создании плитку и возможность перевернуть ее и иметь другой контент на другой стороне. Я пытался сделать это, но я не могу понять это. Я разместил ссылку ниже на то, что у меня есть до сих пор. Если бы кто-нибудь мог мне помочь, я был бы очень признателен. Спасибо

http://fiddle.jshell.net/s5CCc/


person vpaladino778    schedule 26.12.2013    source источник


Ответы (1)


Замените ontouchstart на hover, потому что события касания обрабатываются только на мобильных устройствах, а фазы наведения будут работать на обоих, и я предполагаю, что вы тестируете это на своем компьютере.

Чтобы исправить это, добавьте содержимое в комментарии front и back, как показано в скрипте ниже, и измените ontouchstart на hover.

Вот исправленная скрипка

person Cilan    schedule 26.12.2013
comment
Спасибо за ответ, после исправления того, что вы предложили, это все еще не работает. вот что я придумал. - person vpaladino778; 26.12.2013
comment
@user2466564 user2466564 Нет, это работает, см. Вытащите мышь из поля результатов, затем вставьте ее обратно, и она перевернется. - person Cilan; 26.12.2013
comment
Сладко, раньше я использовал его в Chrome, и, кажется, он работает в Firefox. Любая идея, как я могу сделать его совместимым с хромом? - person vpaladino778; 26.12.2013
comment
@ user2466564 Да, используйте -webkit-transform, а для других браузеров -ms-transform: fiddle.jshell.net/s5CCc/5< /а> - person Cilan; 26.12.2013
comment
@user2466564 user2466564 Добавьте еще кучу webkit, в perspective, transform-style, transition и т. д., см. эту скрипку.< /а> - person Cilan; 26.12.2013
comment
@user2466564 user2466564 Добро пожаловать, и проголосовать не помешает. Вы знаете, так как у вас 15 REP ;) - person Cilan; 27.12.2013