ふわっとぬるっと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...
ページ名: