Эффект флип в анимации CSS не работает

Question

Эффект флип в анимации CSS не работает

0

Я сделал флип-карту. Но эффект поворота при нажатии на "пресс-карту" не работает

Может кто-нибудь мне помочь?

DEMO

user3130064 06 янв. 2014, в 06:29

Источник

0

Это прекрасно работает ... что ты хочешь, чтобы произошло?
Cilan 06 янв. 2014, в 04:51
0

Эффект поворота. Карта переворачивается без эффекта
user3130064 06 янв. 2014, в 04:55
0

Вы можете найти его здесь .... stackoverflow.com/questions/10035643/…
Deepu Sasidharan 06 янв. 2014, в 05:01

Показать ещё 1 комментарий

Теги:

jquery

html

css

css-animations

keyframe

3 ответа

0

Я исправил ваш код. Это было небольшое изменение CSS. Вы не можете анимировать CSS-преобразование, поскольку это не свойство поддержки. Вместо этого вы должны написать "все".

Если вы это сделаете, тогда у вас должна быть рабочая флип-карта :)

Наслаждаться.

BLewis 06 янв. 2014, в 02:44

0

Вы пытаетесь следовать некоторым статьям?

http://css3.bradshawenterprises.com/flip/

http://davidwalsh.name/css-flip

Надеюсь, это поможет!

Tho Vo 06 янв. 2014, в 02:44

0

Это должен был быть комментарий
Vikram Deshmukh 06 янв. 2014, в 04:59

Ещё вопросы

Это прекрасно работает ... что ты хочешь, чтобы произошло?
Эффект поворота. Карта переворачивается без эффекта
Вы можете найти его здесь .... stackoverflow.com/questions/10035643/…

adeneo · Accepted Answer · 2014-01-06T03-05-00.000Z

Переходы настроены неправильно, измените их на

.cci-press-card__wrap {
  position: relative;
  width: 300px;
  height: 380px;
  margin: 0 auto;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.5s ease;
  -moz-transition: -moz-transform 0.5s ease;
  -o-transition: -o-transform 0.5s ease;
  transition: transform 0.5s ease;
}

CodePen

Может ли он щелкнуть сразу после щелчка вместо того, чтобы показать backface сторону, а затем перевернуть?