CSS
 Computer >> コンピューター >  >> プログラミング >> CSS

CSSですべてのアニメーションプロパティを設定するための省略形プロパティ

すべてのアニメーションプロパティを設定するための省略形のプロパティはanimation 。アニメーションの長さ、アニメーション名などを設定します。

次のコードを実行して、アニメーションの省略形プロパティを操作できます。

例 

<!DOCTYPE html>
<html>
   <head>
      <style>
         div {
            width: 150px;
            height: 200px;
            background-color: yellow;
            animation: myanim 2s
         }
         @keyframes myanim {
            from {
               background-color: green;
            }
            to {
               background-color: blue;
            }
         }
      </style>
   </head>
   <body>
      <div></div>
   </body>
</html>

  1. CSSのBackgroundShorthandプロパティ

    CSS背景省略形プロパティは、要素の背景を定義するために使用されます。 background-color、background-image、background-repeat、background-position、background-clip、background-size、background-origin、background-attachmentが一緒になって、CSSの背景プロパティを構成します。 構文 CSSバックグラウンドプロパティの構文は次のとおりです- Selector {    background: /*value*/ } 例 次の例は、CSSの背

  2. CSSのShorthandプロパティの概要

    アウトラインの省略形プロパティは、要素の境界の周りに特定のスタイル（必須）、太さ、色の線を描画するように定義できますが、アウトラインは、境界プロパティとは異なり、要素の寸法の一部ではありません。 構文 CSSアウトラインShorthandプロパティの構文は次のとおりです- Selector {    outline: /*value*/ } 例 概要の速記の例を見てみましょう プロパティ- <!DOCTYPE html> <html> <head> <title>CSS outline Shorthand</titl