1

スライドアウトトランジションを行うこのcssがあります

.slide_animation {
    transition: 10s;
    left: 0px !important;
    -webkit-transition-duration:800ms
}

そしてjqueryを使用：

$(".shop_look").click(function(){
      $("#look").show();
      $("#look").addClass("slide_animation");
      $(this).fadeOut(2000);
   })

これは機能しますが、 #look 要素が表示されたときにイージングがありません。あまりにもきびきびしているため、スムーズなアニメーションのようにイージングしたいと考えています。ありがとう

4

1 に答える 1

2

それを正しく使用しているようには見えません。display プロパティには 2 つの状態しかないため、代わりに (または両方) opacity プロパティを使用する必要があります。

#look {
    opacity:0;
    -webkit-transition-duration:800ms;
}

#look.slide_animation {
     opacity:1;
}

フィドル

すべてのトランジションが必要ない場合は、プロパティも指定できます。

transition-property: opacity;
于 2013-08-14T09:00:56.910 に答える