ふわっとぬるっとCSS3で変化の変更点

追加された行はこの色です。
削除された行はこの色です。
ふわっとぬるっとCSS3で変化へ行く。
ふわっとぬるっとCSS3で変化の差分を削除

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

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

ふわっとぬるっとCSS3で変化 の変更点

ふわっとぬるっとCSS3で変化の変更点