Đang tải bảng tin…
CSS-Tricks00 bình luận5 phút đọc
translateY()
The CSS translateY() function moves an element vertically up or down without affecting document flow. It accepts length or percentage values, where positive values shift down and negative values shift up. Percentages are relative to the element's own height. Common use cases include slide-in animations, floating card hover effects, and animated form field labels (like MUI's TextField). A key gotcha: applying translateY() directly on :hover can cause flickering if the element moves away from the cursor — the fix is to apply :hover on a parent wrapper instead.
Nguồn: https://css-tricks.com/almanac/functions/t/translatey. 8sync News chỉ tóm tắt và dẫn link; bản quyền nội dung thuộc tác giả và nguồn gốc.
Đề xuất cho bạn
JetBrains113 phútAI
Rust Web Development 2026: The Problems Nobody Talks About
Năm 2026, phát triển web bằng Rust vẫn đối mặt nhiều thách thức chưa được đề cập rộng rãi như backtrace khó đọc khi gỡ lỗi async, ORM yêu cầu định nghĩa schema ở nhiều nơi, lỗi inconsistent giữa các framework (Axum, Actix-web), macros trở thành "hộp đen" khi gặp sự cố, thời gian biên dịch chậm do generics và dependency phức tạp, cùng sự phân mảnh của hệ sinh thái buộc dev phải tự ghép nối mọi thành phần. Mặc dù các framework "batteries-included" như Loco.rs hay cot.rs đang thu hẹp khoảng cách với Django/Rails, Rust vẫn chỉ phù hợp cho dự án đòi hỏi độ tin cậy và hiệu năng cao, trong khi Python vẫn nhanh hơn cho dự án đơn giản.
Lập trình viên Rust cần đọc bài này để hiểu những rào cản thực tế trong phát triển web hiện đại, từ debug async phức tạp đến sự phân tán của các framework, giúp họ đánh giá đúng giá trị của Rust so với các ngôn ngữ khác trong các dự án cụ thể.
