[[役に立つテクニック集]]

 差出人: 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/

トップ   編集 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS