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

html - Thay đổi bóng hình ảnh không hoạt động khi di chuột

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

Tôi đang cố gắng làm cho hình ảnh hơi đỏ khi di chuột qua. Tôi đã cố gắng thay đổi độ mờ từ 0,8 thành 1 và phóng to một chút khi di chuột, nhưng tôi không biết tại sao hình ảnh không chuyển sang màu đỏ. Mã thất bại là:

màu nền: rgba(110,0,0,.5);

Có ai có thể đề xuất những gì tôi đang làm sai ở đây không? Đánh giá cao sự giúp đỡ nào, cảm ơn bạn

.subsection-parent{
chiều rộng: 286px;
chiều cao: tự động;
lề phải:51px;
nổi:trái;
}
.subsection-anh cả{
chiều rộng: 282px;
chiều cao: 282px;
đường viền:2px liền khối #2778BA;
overflow:hidden;
lề dưới:50px;
}
.subsection-con{
chiều rộng: 100%;
chiều cao:100%;
độ mờ: 0,8;
}
.subsection-child: di chuột {
-webkit-transition-duration: 0,4s; /* Safari */
thời gian chuyển tiếp: 0,4 giây;
độ mờ: 1;
/* PHÁT TRIỂN! */
-moz-transform: tỷ lệ (1.1);
-webkit-transform: tỷ lệ (1.1);
biến đổi: tỷ lệ (1.1);
/* Phần bên dưới không hoạt động */
màu nền: rgba(110,0,0,.5);
}
.con voi{
nền:url(http://cdn.publishyourarticles.net/wp-content/uploads/2015/07/elephants-9a.jpg);
}

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

Bạn có thể thử cái này...

Đưa cho .subsection-anh cả Một màu nền. Đặt độ mờ thành 0. Thêm thuộc tính chuyển tiếp ở đây.

.subsection-anh cả {
màu nền: rgba(110, 0, 0, 0);
chuyển tiếp: .4s;
}

Khi bạn di chuột qua .subsection-anh cả Khi bật, hãy thay đổi độ mờ thành 1 - về cơ bản là chuyển div màu đỏ.

.subsection-big-brother:hover {
màu nền: rgba(110, 0, 0, 1);
}

Bạn có thể điều chỉnh nó khi di chuột bằng cách .subsection-con độ mờ để quyết định mức độ hình ảnh bạn muốn xem ở trên.

.subsection-child: di chuột {
độ mờ: .5;
}

.subsection-parent {
chiều rộng: 286px;
chiều cao: tự động;
lề phải: 51px;
nổi: trái;
}
.subsection-anh cả {
chiều rộng: 282px;
chiều cao: 282px;
đường viền: 2px liền khối #2778BA;
tràn: ẩn;
lề dưới: 50px;
màu nền: rgba(110, 0, 0, 0);
chuyển tiếp: .4s;
}
.subsection-big-brother:hover {
màu nền: rgba(110, 0, 0, 1);
}
.subsection-con {
width: 100%;
chiều cao: 100%;
độ mờ: 0,8;
chuyển tiếp: .4s;
}
.subsection-child: di chuột {
độ mờ: .5;
/* PHÁT TRIỂN! */
-moz-transform: tỷ lệ (1.1);
-webkit-transform: tỷ lệ (1.1);
biến đổi: tỷ lệ (1.1);
/* Phần bên dưới không hoạt động */
}
.con voi {
nền: url(http://cdn.publishyourarticles.net/wp-content/uploads/2015/07/elephants-9a.jpg);
}

Về html - thay đổi bóng hình ảnh khi di chuột không hoạt động, 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/41914028/

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