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
尝试将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;
}
}
Tôi là một lập trình viên xuất sắc, rất giỏi!