cuốn sách gpt4 ai đã làm

Tạo cửa sổ trong suốt trên nền div bằng css và javascript

In lại Tác giả: Vũ trụ không gian Thời gian cập nhật: 2023-11-03 20:25:02 26 4
mua khóa gpt4 Nike

Tôi đang cố gắng triển khai hiệu ứng trong một trang web. Trang web phải được bao phủ hoàn toàn bởi nền có cửa sổ trong suốt (về cơ bản làm nổi bật một số phần nhất định của trang để thu hút sự chú ý của người dùng). Kích thước của cửa sổ không được biết trước và hiệu ứng phải được triển khai ở giao diện người dùng. Vì vậy tôi có thể sử dụng html, css và js một cách thoải mái.

hình dung

Tôi không biết cách nào để đạt được hiệu ứng này chỉ bằng css. Và tôi không thể sử dụng thứ gì đó như nền hình ảnh png vì kích thước và kích thước của cửa sổ trong suốt thay đổi linh hoạt. Tôi đang nghĩ đến việc tạo Canvas cho phần tử div và sử dụng nó làm hình nền.

Có thể tạo Canvas dựa trên hình ảnh mẫu của tôi và sử dụng nó làm nền không? Bạn có thể đưa ra một ví dụ? Cảm ơn.

câu trả lời hay nhất

sử dụng rất lớnbóng hộp:

body {
hình nền: url(../../../s.cdpn.io/3999/Tilt-Shift_-_Cityscene.jpg);
kích thước nền: bìa;
chiều cao: 100vh;
hiển thị: linh hoạt;
biện minh-nội dung: trung tâm;
căn chỉnh các mục: giữa;
}

.cửa sổ {
chiều rộng: 150px;
chiều cao: 150px;
đường viền: màu đỏ đặc 5px;
bóng hộp: 0 0 0 99999px rgba(0, 255, 0, .25)
}

Về javascript - tạo cửa sổ trong suốt trên nền div bằng css và javascript, chúng tôi đã tìm thấy một câu hỏi tương tự trên Stack Overflow: https://stackoverflow.com/questions/58283119/

26 4 0
Chứng chỉ ICP Bắc Kinh số 000000
Hợp tác quảng cáo: 1813099741@qq.com 6ren.com
Xem sitemap của VNExpress