0

キーフレームを使用して、Web サイトの機能スライダーをアニメーション化しています。

カルーセルは正常に動作しています。IE10以外ではアニメーションも。

キーフレーム - 下から上への動きを決定します。

@-webkit-keyframes downup { from  { opacity:0; top:500px;}to {top:0;opacity:.9;}}
@-moz-keyframes downup { from  { opacity:0; top:500px;}to{top:0;opacity:.9;}} 
@keyframes downup{ from  { opacity:0; top:500px;}to {top:0;opacity:.9;}}

.updown {
position: relative; 
opacity:0;
animation:downup 1s forwards;
-webkit-animation:mymove 1s forwards;
-moz-animation:mymove 1s forwards;}

IE10 では、ループ内の最初の 4 つのコンテンツが表示されますが、最初のスライドで再度開始すると、info .updown のスライドは表示されません。ここで建設中のスライダーを確認できます: http://ndsim.esec.pt/nova/index.html

どんな助けでも素晴らしいでしょうありがとう。

解決

その作業は今。私は「いくつかのブートストラップ競合クラスを持っていました...それらを分離し、今では機能しています..このように作成していました

<div id=”myCarousel” class=”carousel slide fade-in one”&gt;

に変更しました

<div id=”myCarousel” class=”carousel slide”&gt;
<div class=”fade-in one”&gt;

確かに何が起こったのかわかりませんが、ある種の IE 競合でした。

4

0 に答える 0