Rumah > hujung hadapan web > tutorial css > Video: Latar belakang berskala dalam CSS

Video: Latar belakang berskala dalam CSS

Lisa Kudrow
Lepaskan: 2025-02-25 18:19:07
asal
938 orang telah melayarinya

Video: Scalable Backgrounds in CSS

bagaimana saya boleh menggunakan CSS untuk membuat kesan menatal paralaks?

-TaTachment Property dan menetapkan nilainya untuk tetap. Ini akan menyebabkan imej latar belakang tetap tetap semasa skrol kandungan di atasnya. Berikut adalah contoh: latar belakang-imej: url ('image.jpg');
latar belakang-attachment: tetap;
}

bagaimana saya boleh Gunakan CSS untuk membuat imej latar belakang skrin penuh?

Untuk membuat imej latar belakang skrin penuh di CSS, anda boleh menggunakan harta saiz latar belakang dan menetapkan nilainya untuk ditutup. Ini akan skala imej untuk menutup seluruh bekas. Berikut adalah contoh:

body {
latar belakang-imej: url ('image.jpg');
saiz latar belakang: cover;
ketinggian: 100vh;
}

bagaimana saya dapat mengubah kelegapan imej latar belakang CSS? Pseudo-element untuk membuat lapisan dengan kelegapan tertentu. Berikut adalah contoh:

body :: after {

kandungan: '';

latar belakang: url ('image.jpg');
opacity: 0.5; ;
Kiri: 0;
bawah: 0; -1; }

Atas ialah kandungan terperinci Video: Latar belakang berskala dalam CSS. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan