Firefox trunkにtransitionとかが入った - 素人がプログラミングを勉強していたブログ

CSS Transitionsと呼ばれる機能で、CSSでアニメーションとかを実現する物。Safariには前からあった。 <style> body { -moz-transition: 5s all linear 0s; -webkit-transition: 5s all linear 0s; transition: 5s all linear 0s; text-align: center; text-shadow: 1px 1px 1px white; font-size: 10em; } </style> <script> setInterval(function () { var color = Math.random().toString(16).substring(2,8); document.body.style.color = "#" + color; document.bo

[piro_or]

どっちにしても、アニメーションが終わった後で何かしようと思ったらタイマーは使わないといかんのですよね。

[hisasann]

お〜

[hysa]

"CSS Transitionsと呼ばれる機能で、CSSでアニメーションとかを実現する物"

[miya2000]

値を変えたときに、その値まで徐々に変わっていくスタイル。たぶん色だけじゃなく left とか margin もいけるんだよね。

[teramako]

関連：http://hg.mozilla.org/mozilla-central/rev/ff00a422b6f10d1ba50984413141fb3037deb835

[os0x]

本題ではないけど、substrではなくsubstringで Math.random().toString(16).substring(2,8)