Câu hỏi được gắn thẻ «css-transitions»

Trong fiddle bên dưới, tôi đã chuyển đổi riêng biệt về khả năng hiển thị và độ mờ. Cái sau hoạt động nhưng cái trước thì không. Hơn nữa, trong trường hợp hiển thị, thời gian chuyển đổi được hiểu là độ trễ khi di chuột ra ngoài. Xảy ra …

102 css  css-transitions 

Có thể nhận được thông báo (như gọi lại) khi quá trình chuyển đổi CSS đã hoàn tất không?

100 javascript  css  css-transitions 

Tôi đang cố gắng triển khai hiệu ứng "fade out" trong CSS thuần túy. Đây là trò chơi . Tôi đã xem xét một số giải pháp trực tuyến, tuy nhiên, sau khi đọc tài liệu trực tuyến , tôi đang cố gắng tìm ra lý do tại sao hoạt …

96 css  css-transitions 

Sự kiện kết thúc quá trình chuyển đổi của Webkit được gọi là webkitTransitionEnd, Firefox là chuyển tiếpEnd, toán hạng là oTransitionEnd. Cách tốt để giải quyết tất cả chúng trong JS thuần túy là gì? Tôi có nên kiểm tra trình duyệt không? hoặc thực hiện từng cái riêng …

91 javascript  css  css-transitions  dom-events 

Tôi di chuyển 6.000 phần tử div nhỏ trong một thí nghiệm css3 sử dụng một quá trình chuyển đổi từ top: 0tới top: 145pxđể thực hiện thử nghiệm. Sử dụng không tăng tốc phần cứng chạy mịn trên Google Chrome. Nếu tôi kích hoạt tăng tốc phần cứng thông …

82 css  css-transitions  hardware-acceleration 

Tôi có câu hỏi về tốc độ hiển thị cho thuộc tính chuyển tiếp css3. Giả sử tôi có một số phần tử: div, span, a {transition: all} div {margin: 2px} span {opacity: .5} a:hover {background-position: left top} div:hover {margin: -100px} span:hover {opacity: 1} a:hover {background-position: -5px top} Sẽ hiệu …

82 performance  css  css-transitions 

Tôi đang sử dụng chuyển tiếp CSS để chuyển đổi giữa các trạng thái được chuyển đổi CSS (về cơ bản là chuyển đổi quy mô của một phần tử). Tôi nhận thấy rằng khi phần tử đang chuyển đổi, phần còn lại của văn bản trên trang (trong Webkit) …

81 css  webkit  css-transitions  css-transforms 

Tôi đã mã hóa một tập lệnh (với sự trợ giúp của người dùng ở đây) cho phép tôi mở rộng một div đã chọn và làm cho các div khác hoạt động tương ứng bằng cách kéo dài bằng nhau để phù hợp với không gian còn lại (ngoại …

9 javascript  jquery  css  flexbox  css-transitions