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

CSSを使用してx軸とともに要素を変換します

translateX（n）メソッドを使用して、x軸とともに要素を変換します。

構文を見てみましょう

translateX(n)

ここで、nは、変換ベクトルの横座標を表す長さです。

例を見てみましょう

div {
   width: 50px;
   height: 50px;
   background-color: black;
}
.trans {
   transform: translateX(20px);
   background-color: orange;
}

  1. CSS3でz軸を使用して要素を回転変換します

    [rotateZ（an​​gle）]メソッドを使用して、CSS3でz軸を使用して要素を回転変換します- 例 <html>    <head>       <style>          div {             width: 200px;             height: 100px;      

  2. CSSを使用して要素のテキストの色を設定する

    CSSのcolorプロパティは、要素のテキストの色を変更するために使用されます。値は、標準の色名、rgb（）、rgba（）、hsl（）、hsla（）、および16進値として指定できます。 構文 CSScolorプロパティの構文は次のとおりです- Selector {    color: /*value*/ } 次の例は、CSSカラープロパティ-を示しています。 例 <!DOCTYPE html> <html> <head> <style> div {    height: 50px;   &nb