ふわっとぬるっとCSS3で変化
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
[[役に立つテクニック集]]
差出人: Hiromichi Owada <hiromichi.owada@worldcraft.co.jp>
件名: トランジション
日付: 2016年10月7日 9:19:07 JST
宛先: 能登こゆき <koyuki.noto@worldcraft.co.jp>
CC: ワールドクラフトサポートチーム <support@worldcraft.c...
能登さん、
色がふわっとかわるかんじがここが参考になるようです。
http://lopan.jp/css-animation/
応用すればぬるっとひらくもできるかな？
transition: color 0.3s ease 0s;
0.3s：0.3秒かけるってことだと思う
このページのこのあたりがくさいと思いました。
transition-duration
変化の開始から完了までにかかる時間を、秒数で指定します。...
1秒（1000ミリ秒） = 1s（1000ms）。
つまり変化の時間を長くすれば、ぬるっとなる。
のかなー。。
ー
大和田博道
（注意点）＊＊＊重要＊＊＊
height: autoだとヌルッとならないので、max-heightを使う
http://ofsilvers.hateblo.jp/entry/auto-height-transition-...
http://unformedbuilding.com/articles/auto-height-css-tran...
終了行:
[[役に立つテクニック集]]
差出人: Hiromichi Owada <hiromichi.owada@worldcraft.co.jp>
件名: トランジション
日付: 2016年10月7日 9:19:07 JST
宛先: 能登こゆき <koyuki.noto@worldcraft.co.jp>
CC: ワールドクラフトサポートチーム <support@worldcraft.c...
能登さん、
色がふわっとかわるかんじがここが参考になるようです。
http://lopan.jp/css-animation/
応用すればぬるっとひらくもできるかな？
transition: color 0.3s ease 0s;
0.3s：0.3秒かけるってことだと思う
このページのこのあたりがくさいと思いました。
transition-duration
変化の開始から完了までにかかる時間を、秒数で指定します。...
1秒（1000ミリ秒） = 1s（1000ms）。
つまり変化の時間を長くすれば、ぬるっとなる。
のかなー。。
ー
大和田博道
（注意点）＊＊＊重要＊＊＊
height: autoだとヌルッとならないので、max-heightを使う
http://ofsilvers.hateblo.jp/entry/auto-height-transition-...
http://unformedbuilding.com/articles/auto-height-css-tran...
ページ名:
![[PukiWiki]](image/wclogo02.png "[PukiWiki]")
