4

簡単な質問があります。

テキスト領域に「すべて」のアニメーションを付けたいのですが、フォーカス時にテキストの影をアニメーション化したくありません。

以下を使用しているときに例外を作成するにはどうすればよいですか。

input[type=text]:focus {
    background: #fff;
    text-shadow: none;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
}
4

2 に答える 2

0

これは実際には非常に簡単です。すべてのルールにルールを設定してから、テキスト シャドウだけに再度ルールを設定するだけです。

input[type=text]:focus {
    background: #fff;
    text-shadow: none;
    transition:all 0.5s;
    -webkit-transition:all 0.5s;
    -moz-transition:all 0.5s;
    transition:text-shadow 0s;
    -webkit-transition:text-shadow 0s;
    -moz-transition:text-shadow 0s;
}

このコードでは、text-shadow を変更すると、アニメーションではなく、即座に変更されます。@Patrickがコメントしたように、テキストシャドウをまったく変更したくない場合は、そのプロパティを編集しないでください。

于 2013-07-25T20:41:49.287 に答える