Bagaimana untuk Membuat Latar Belakang Serong dengan CSS Menggunakan Elemen Pseudo?

Mencipta Latar Belakang Serong dengan CSS

Coretan kod yang disediakan tidak dapat mencapai kesan latar belakang senget yang diingini kerana keupayaan transformasi yang terhad kaedah seperti putar. Pendekatan yang lebih berkesan melibatkan penggunaan elemen pseudo dengan transformasi condong.

Dengan melaksanakan teknik ini, anda boleh mencipta latar belakang senget seperti berikut:

body {
  height: 100vh;
  margin: 0;
  background: yellow;
}

body:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 300px;
  background: #000;
  transform: skew(-30deg);
  transform-origin: top;
}

Atas ialah kandungan terperinci Bagaimana untuk Membuat Latar Belakang Serong dengan CSS Menggunakan Elemen Pseudo?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!