0

私はJavaScriptに精通しており、JSでこれを実行できることを認識していますが、やりたくありません。CSSで実行できるようにするか、まったく実行しないようにしたいのです。 CSSがプレゼンテーション用であるというルール。

それでも、DIV内の数値を段階的にインクリメントする方法があるかどうか疑問に思いました。したがって、DIVの整数値をたとえば1から5に更新すると、2、3、および4が表示されてから、最終的に5で停止します。

擬似コードでは、次のようになると思います。

div.number
{
    // Increment by 1 step every 0.1 seconds.
    transition: increment(1) 0.1s
}

CSS3でこれを行う方法はないと思いますが、CSSがどれほど強力であるかについて興味があります。

4

2 に答える 2

1

多数のdisplay:none項目を含む順序付けられたリストを作成し、その後に 1 つの表示項目 (番号が 1 になります) が続きます。

数字を増やすには、1<li>をに変更しますdisplay: blockが、 を使用position: absoluteして非表示にします。これにより、表示されるアイテムの数が増加します。

于 2012-08-23T17:13:24.347 に答える
0

Webkit は最近、CSS 変数のサポートを追加しました: http://dev.w3.org/csswg/css-variables/ および http://www.webmonkey.com/2012/06/css-variables-webkit-brings-the-css -ジャッカロープ・トゥ・ライフ/

解決への近道かもしれません。

次のような疑似セレクターとペアにします

div:clicked {
   webkit-var-transformlen: 1
}

そして、それはあなたが望む方法と同様に機能するかもしれません.

于 2012-08-23T17:13:14.120 に答える