[Hatsuki]

【お使いの Snow Monkey のバージョン】v7.5.x
【お使いのブラウザ】Safari

===

トグルメニューは開く際はニュッとアニメーションで出てきますが、
閉じる際はパッと消える感じなのでニュッとアニメーションで閉じさせたいと思ってます。
どう言う風にCSSを触ったらよいでしょう？

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

スマホのドロワーメニューのことですよね、これ、意図的にやっているわけではなくて、僕としても閉じるときにニュッとしたいのですが、なぜかならないんですよね…。なぜでしょう…。

♥ 0

いいねをした人: 居ません

[Hatsuki]

スマホのドロワーメニューのことですよね

それです。
何故ならないのかは謎なんですが、アニメーションの前に要素の不透明化（display:noneとかopacityとか）が働いてしまってるのかもーと思ってます。アニメーションのキーが100%になる前にそう言う効果が発火するとアニメーションを実行する前に透明になるからパッと消えるんすかね？
ちょっとどうにか調整したい部分っすねー、これ

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

読み上げとかも考慮して、画面から外れているときは visibility: hidden しているのですが、「でるとき」と「きえるとき」で visibility の発火タイミング（優先度）が違うのかも？という感じがしますね。

transition: all にすると閉じるときもうまくいくという発見をしたので、次のアップデートで見直してみます。

♥ 0

いいねをした人: 居ません

[Hatsuki]

アップデートで対応いただいたのでクローズしておきますー

♥ 0

いいねをした人: 居ません

[投稿者]

投稿