ofsilvers https://blog.hatena.ne.jp/ofsilvers/ しるてく https://ofsilvers.hateblo.jp/ javascript angularjs ng-hideにdisplay: none !importantがかかっているので、こんな感じにかけばいいらしい。 これで、アニメ終わったらdisplay: noneしてくれるので、アニメ要素が上にかぶってタップできない、みたいなことも起きないはず。 HTML <div class="animation-element" ng-show="show"> なんかなんかなんかなんかなんかなんか </div> SCSS .animation-element { @include transition(150ms linear all); // アニメ中はblockにしてやる &.ng-hide-ad… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fofsilvers.hateblo.jp%2Fentry%2Fng-show-animation" title="ngShowの表示非表示でアニメーションさせる - しるてく" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2014-03-10 18:27:02 rich https://ofsilvers.hateblo.jp/entry/ng-show-animation 1.0 100%