⭐ 0
🔍
văn bản Hình ảnh PDF & Tài liệu Âm thanh Âm nhạc Điện tử Thời gian Tiện ích Trình xác nhận Huyền học Trò chơi

Ocean CSS gradient — Mã được tạo sẵn

Xây dựng các gradient CSS một cách trực quan: kiểu tuyến tính, hướng tâm hoặc hình nón, thanh trượt góc và tối đa sáu điểm dừng màu với bản xem trước toàn chiều rộng trực tiếp và mã có thể sao chép.

90°
Đang xử lý... 0%

kết quả

Trang này mở trình tạo gradient với màu đại dương được làm sẵn đã được tải sẵn: màu xanh mòng két sâu #2193b0 chảy vào màu nước nhạt #6dd5ed. Bản xem trước có chiều rộng đầy đủ sẽ hiển thị nó cùng một lúc và dòng CSS nền đã sẵn sàng để sao chép.

Chuyển màu xanh mòng két là lựa chọn an toàn nhất trong giao diện người dùng: chúng báo hiệu sự bình tĩnh và tin cậy, giữ cho văn bản màu trắng và tối có thể đọc được ở cả hai đầu và vừa khít với bảng điều khiển, trang đích SaaS và biểu ngữ. Cả hai điểm dừng đều có cùng một nhóm màu sắc mát mẻ, vì vậy sự pha trộn vẫn rõ ràng trên toàn bộ chiều dài của nó.

Vận chuyển nguyên trạng hoặc điều chỉnh: tăng góc để có hiệu ứng chiều sâu theo chiều dọc hoặc thêm điểm dừng gần như trắng ở mức 100% để có ánh sáng đường chân trời. Nếu bạn cần kết hợp các màu đồng nhất cho các nút và điểm nhấn, trình tạo bảng màu trên trang web này sẽ tạo ra sự hài hòa từ một trong hai điểm dừng.

🛡️
Thực hiện trong trình duyệt

Các tập tin và dữ liệu đầu vào của bạn sẽ không bao giờ rời khỏi thiết bị này. Quá trình xử lý chạy hoàn toàn ngoại tuyến. An toàn 100%.

Định dạng và quy tắc được chấp nhận

  • Chọn loại chuyển màu (tuyến tính, xuyên tâm, hình nón) với thanh trượt góc cho chế độ tuyến tính và hình nón.
  • Danh sách dừng màu: hai điểm dừng để bắt đầu, thêm hoặc xóa tối đa sáu điểm dừng, mỗi điểm dừng có bộ chọn màu riêng và vị trí theo phần trăm.
  • Dòng CSS nền có thể sao chép cùng với các trang cài sẵn được tạo sẵn cho độ dốc màu hoàng hôn, đại dương và màu phấn.

Lợi ích chính

✓ Bản xem trước toàn chiều rộng sẽ vẽ lại sau mỗi thay đổi — loại, góc và từng điểm dừng màu — vì vậy CSS bạn sao chép chính xác như những gì bạn đã thấy.
✓ Tối đa sáu điểm dừng màu với các vị trí riêng lẻ bao gồm mọi thứ từ độ mờ hai màu đơn giản đến nền nhiều dải phức tạp.
✓ Một khai báo, ba động cơ: chuyển đổi giữa tuyến tính, hướng tâm và hình nón mà không cần xây dựng lại điểm dừng của bạn.

Trường hợp sử dụng

  • • Soạn nền cho phần anh hùng bằng cách kéo góc và các điểm dừng màu thay vì chỉnh sửa bằng tay tuyến tính-gradient() và tải lại.
  • • So sánh các điểm dừng màu giống nhau dưới dạng chuyển màu tuyến tính, hướng tâm và hình nón bằng một công tắc - các điểm dừng chuyển tiếp giữa các loại.
  • • Lấy một sự kết hợp đã được chứng minh từ trang đặt trước về hoàng hôn, đại dương hoặc màu phấn và điều chỉnh nó thành màu sắc thương hiệu của bạn.