[[役に立つテクニック集]]
差出人: Hiromichi Owada <hiromichi.owada@worldcraft.co.jp>
件名: トランジション
日付: 2016年10月7日 9:19:07 JST
宛先: 能登こゆき <koyuki.noto@worldcraft.co.jp>
CC: ワールドクラフトサポートチーム <support@worldcraft.co.jp>
能登さん、
色がふわっとかわるかんじがここが参考になるようです。
http://lopan.jp/css-animation/
応用すればぬるっとひらくもできるかな?
transition: color 0.3s ease 0s;
0.3s:0.3秒かけるってことだと思う
このページのこのあたりがくさいと思いました。
transition-duration
変化の開始から完了までにかかる時間を、秒数で指定します。初期値は「0s」カチッと切り替わります。
1秒(1000ミリ秒) = 1s(1000ms)。
つまり変化の時間を長くすれば、ぬるっとなる。
のかなー。。
ー
大和田博道
(注意点)***重要***
height: autoだとヌルッとならないので、max-heightを使う
http://ofsilvers.hateblo.jp/entry/auto-height-transition-not-working
http://unformedbuilding.com/articles/auto-height-css-transitions/