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

css - :after không có phạm vi theo họ hàng của cha mẹ

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

Hoạt hình của tôi có :after và như bạn có thể thấy nó không bị giới hạn bởi phạm vi tương đối. Điều tôi muốn là thanh phải bắt đầu từ chiều rộng của thanh, bây giờ nằm ​​ở phía bên trái. Vấn đề ở đây là gì?

.đang tải {
position: relative;
màu nền: #E2E2E2;

&::sau đó {
display: block;
nội dung: '';
position: absolute;
width: 100%;
chiều cao: 100%;
biến đổi: dịchX(-100%);
nền: gradient tuyến tính (90deg, trong suốt, rgba (255, 255, 255, .4), trong suốt);
hoạt hình: tải 1 giây vô hạn;
}
}

../../../media/Vek3fMxjoA4qxGveZr/giphy.gif

Hãy thử kiểm tra :after DOM trong bản demo này https://codepen.io/eldyvoon/pen/vMVgaO

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

尝试将tràn:ẩn添加到.đang tải

Ngoài ra, bạn có thể thấy nó thay đổi ::sau đó' màu nền

Hiệu quả rất tốt khi
.đang tải {
position: relative;
màu nền: #E2E2E2;
tràn: ẩn;
&::sau đó {
display: block;
nội dung: '';
position: absolute;
width: 100%;
chiều cao: 100%;
biến đổi: dịchX(-100%);
nền: gradient tuyến tính (90deg, trong suốt, rgba (100, 255, 255, .4), trong suốt);
hoạt hình: tải 1 giây vô hạn;
}
}

Về css - :after không có phạm vi theo họ hàng của cha mẹ, 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/55822421/

26 4 0
không gian vũ trụ
Hồ sơ

Tôi là một lập trình viên xuất sắc, rất giỏi!

Nhận phiếu giảm giá taxi Didi miễn phí
Phiếu giảm giá taxi Didi
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