Поэтому я пытаюсь следовать руководству ( http://davidwalsh.name/css-flip) о создании плитку и возможность перевернуть ее и иметь другой контент на другой стороне. Я пытался сделать это, но я не могу понять это. Я разместил ссылку ниже на то, что у меня есть до сих пор. Если бы кто-нибудь мог мне помочь, я был бы очень признателен. Спасибо
CSS-помощь при переворачивании плитки
Ответы (1)
Замените ontouchstart
на hover
, потому что события касания обрабатываются только на мобильных устройствах, а фазы наведения будут работать на обоих, и я предполагаю, что вы тестируете это на своем компьютере.
Чтобы исправить это, добавьте содержимое в комментарии front
и back
, как показано в скрипте ниже, и измените ontouchstart
на hover
.
person
Cilan
schedule
26.12.2013
Спасибо за ответ, после исправления того, что вы предложили, это все еще не работает. вот что я придумал.
- person vpaladino778; 26.12.2013
@user2466564 user2466564 Нет, это работает, см. Вытащите мышь из поля результатов, затем вставьте ее обратно, и она перевернется.
- person Cilan; 26.12.2013
Сладко, раньше я использовал его в Chrome, и, кажется, он работает в Firefox. Любая идея, как я могу сделать его совместимым с хромом?
- person vpaladino778; 26.12.2013
@ user2466564 Да, используйте
-webkit-transform
, а для других браузеров -ms-transform
: fiddle.jshell.net/s5CCc/5< /а>
- person Cilan; 26.12.2013
Я сделал то, что вы предложили, но в хроме это немного испорчено, но все еще работает в Firefox. fiddle.jshell.net/s5CCc/7
- person vpaladino778; 26.12.2013
@user2466564 user2466564 Добавьте еще кучу webkit, в
perspective
, transform-style
, transition
и т. д., см. эту скрипку.< /а>
- person Cilan; 26.12.2013
@user2466564 user2466564 Добро пожаловать, и проголосовать не помешает. Вы знаете, так как у вас 15 REP ;)
- person Cilan; 27.12.2013