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

Hoạt ảnh CSS giúp bạn có thể tạo hiệu ứng chuyển đổi từ cấu hình kiểu CSS này sang cấu hình kiểu CSS khác. Mô-đun CSS mô tả một cách để các tác giả tạo hoạt ảnh cho các giá trị của thuộc tính CSS theo thời gian, bằng cách sử dụng các khung hình chính. Hành vi của các hoạt ảnh khung chính này có thể được kiểm soát bằng cách chỉ định thời lượng, số lần lặp lại và hành vi lặp lại của chúng.

4
Duy trì trạng thái cuối cùng ở cuối hoạt hình CSS3
Tôi đang chạy một hình ảnh động trên một số thành phần được đặt opacity: 0;trong CSS. Lớp hoạt hình được áp dụng trên Click, và, bằng cách sử dụng khung hình chính, nó thay đổi độ mờ từ 0sang 1(trong số những thứ khác). Thật không may, khi hoạt …
10
Cách tạo văn bản nhấp nháy / nhấp nháy bằng CSS 3
Hiện tại, tôi có mã này: @-webkit-keyframes blinker { from { opacity: 1.0; } to { opacity: 0.0; } } .waitingForConnection { -webkit-animation-name: blinker; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1); -webkit-animation-duration: 1.7s; } Nó nhấp nháy, nhưng nó chỉ nhấp nháy theo "một hướng". Ý tôi là, nó chỉ …
11
Hoạt hình chuyển tiếp css3 khi tải?
Có thể sử dụng hoạt hình chuyển tiếp CSS3 khi tải trang mà không cần sử dụng Javascript không? Đây là loại những gì tôi muốn, nhưng khi tải trang: http://rilwis.googlecode.com/svn/trunk/demo/image-slider.html Những gì tôi tìm thấy cho đến nay Độ trễ chuyển tiếp CSS3 , một cách để trì hoãn …
8
Hoạt hình Spin CSS3
Tôi đã xem xét khá nhiều bản demo và không biết tại sao tôi không thể sử dụng spin CSS3. Tôi đang sử dụng bản phát hành ổn định mới nhất của Chrome. Câu đố: http://jsfiddle.net/9Ryvs/1/ div { margin: 20px; width: 100px; height: 100px; background: #f00; -webkit-animation-name: spin; -webkit-animation-duration: 40000ms; …
9
CSS: Hoạt hình so với chuyển đổi
Vì vậy, tôi hiểu làm thế nào để thực hiện cả chuyển tiếp và hoạt hình CSS3. Điều không rõ ràng và tôi đã hiểu, là khi nào nên sử dụng. Ví dụ, nếu tôi muốn làm cho một quả bóng nảy, rõ ràng hoạt hình là con đường để …
5
Phát nhiều hoạt ảnh CSS cùng một lúc
Làm cách nào để có hai hoạt ảnh CSS phát ở các tốc độ khác nhau ? Hình ảnh phải được xoay và phát triển cùng một lúc. Vòng quay sẽ quay sau mỗi 2 giây. Sự tăng trưởng sẽ chu kỳ sau mỗi 4 giây. Mã ví dụ: .image …
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookie và Chính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.