diff --git a/img.html b/img.html index a3c5ea7..cc71d58 100644 --- a/img.html +++ b/img.html @@ -35,144 +35,100 @@ width: 100%; height: 100%; opacity: 0; - /* Mặc định ẩn tất cả các item */ - transition: opacity 1s ease, transform 1s ease; - /* Thêm transition cho transform */ + transition: opacity 0.8s ease, transform 0.8s ease; transform: translateY(100%); - /* Mặc định item bắt đầu ở dưới */ + } + + .item img { + display: block; + width: 100%; + height: 100%; + object-fit: contain; } .item.active { opacity: 1; - /* Hiển thị item khi có lớp active */ transform: translateY(0); - /* Item sẽ di chuyển lên vị trí gốc */ } .item.previous { - opacity: 0.3; - /* Làm mờ các item trước */ - transform: translateY(-150%); + opacity: 0; + transform: translateY(-170%); } - - - - - \ No newline at end of file