Thuộc tính có thể hoạt ảnh?

transform, opacity, color, width, height, border-radius, v.v.

Tên

Công cụ miễn phí trực tuyến Tạo animation CSS theo khung chính, không cần cài đặt

Cài đặt

Tên

Thời lượng (s)

Easing

ease-out

Hướng

normal

Số lần lặp

Trạng thái bắt đầu

opacity

transform

Trạng thái kết thúc

opacity

transform

Kết quả

@keyframes slide-in {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.slide-in {
  animation: slide-in 0.5s ease-out 1 normal;
}

Xem trước

Box

Nếu công cụ này giúp được bạn, hãy mời tác giả một ly cà phê.

Mời ly cà phê

Thêm công cụ

Chuyển đổi đơn vị lưu trữ Mã hóa/Giải mã JWT Máy tính Chmod Tạo CSS Sprite Trình phân tích thống kê văn bản Phân tích User-Agent Trình tạo CSS backdrop-filter So Do Xuong Ca

Tên

Cách tạo Hoạt ảnh CSS

Thêm công cụ

Bình luận