1

私はCSS3が初めてなので、2つの質問をしてください。

1)-XXX-transtion: opacity .4s以下が Webkit および Firefox ブラウザーに対して次のように述べていることを理解しています: 400ms の間に不透明度をゼロに変更します。しかし、直後のカンマは何を意味するのでしょうか?

opacity: 0;
-webkit-transition: opacity .4s, -webkit-transform .4s;
-moz-transition: opacity .4s, -moz-transform .4s;

2)以下のファイルが与えられた場合mixins.less、上記のステートメントをどのように書き換えますか?

.transform(@transform) {
    -webkit-transform: @transform;
    -moz-transform: @transform;
    -ms-transform: @transform;
    -o-transform: @transform;
    transform: @transform;
}

.transition(@transition) {
    -webkit-transition: @transition;
    -moz-transition: @transition;
    -ms-transition: @transition;
    -o-transition: @transition;
    transition: @transition;
}
4

1 に答える 1

0

あなたの最初の質問への答え：

トランジションでコンマを使用して、トランジションを適用する必要がある複数のスタイルを指定できます。たとえば、行-webkit-transition: opacity .4s, -webkit-transform .4s は、不透明度が変更されているときと変換が行われているときにトランジションを適用するように指示します (形状の変更、位置の変更の可能性があります)。または変換の種類に応じてサイズが変わります)

于 2012-06-27T09:54:08.870 に答える