CSS3 Generator in Chrome với OffiDocs

MÔ TẢ

Trình tạo CSS3 là một tiện ích mở rộng tiện dụng sẽ tạo mã bạn cần cho CSS của mình.

Nó hiện tạo mã trình duyệt chéo (càng nhiều càng tốt) cho các thuộc tính CSS3 sau: - Bóng văn bản - MỚI, hiện tại có thể thêm nhiều bóng - Hex/RGBA - Chuyển đổi - Bán kính đường viền - Bóng hộp - MỚI, hiện có thể thêm nhiều bóng được thêm vào - MỚI, bóng hộp có thể được đặt thành inset - Cột - Dải màu - Tuyến tính - Xuyên tâm - Sọc (MỚI!) - Mũi tên (cho chú giải công cụ, v.v.) Nhiều tính năng khác cũng đang được triển khai và mọi thứ sẽ được cập nhật khi các tiêu chuẩn thay đổi và sắp xếp lại.

Mỗi phần có các thanh trượt tiện dụng (nếu có) để chọn các giá trị mong muốn cho từng CSS phù hợp và đối với độ dốc, bạn có thể nhanh chóng và dễ dàng thêm và xóa các điểm dừng màu để tạo độ dốc hoàn hảo của mình! Tất cả những gì còn lại phải làm là sao chép mã được tạo vào CSS của bạn và bạn đã hoàn tất! Nếu bạn muốn thấy một tính năng CSS3 được thêm vào, vui lòng gửi một số phản hồi.

Có một trang web hỗ trợ nếu bạn gặp bất kỳ vấn đề nào hoặc tìm thấy lỗi.

Latest Changes -------------- v 1.0.5 ----------- - Fixed a bug in Chrome that means the change event doesn't fire for sliders.

Đã thêm bản sửa lỗi để bây giờ tất cả các thanh trượt sẽ cập nhật theo thời gian thực khi chúng được thay đổi.

v 1.0.4 ----------- - Annoyingly something has changed in Chrome that means the change event doesn't fire when the value of the slider changes, but rather when the mouseup event fires.

Thanh trượt sẽ cập nhật các giá trị, nhưng chỉ khi bạn thả chuột.

- Đã cập nhật bộ chuyển đổi RGBa < - > để các giá trị RGB cập nhật hex.

Sắp có một thay đổi đối với CSS, có thể thấy độ mờ được thêm vào dưới dạng hai ký tự bổ sung trong các giá trị thập lục phân.

Tôi sẽ cập nhật nếu điều này được phát hành.

- Cũng đã thêm phần alpha của RGBa vào màu ví dụ.

Bây giờ nó sẽ mờ dần khi bạn thêm nhiều alpha (độ mờ) vào màu.

- Bây giờ có thể đặt bóng hộp như hình nhỏ.

- Một số sửa lỗi và tối ưu hóa.

v 1.0.3 ----------- - added striped gradients under the gradients tab - added support for multiple text shadows - and opacity - added support for multiple box shadows - and opacity v 1.0.2 ----------- - fixed an issue where the colors section of the transitions wasn't working, or saving the given options.

- changed hex and RGBa title to show that they are interchangeable conversions v 1.0.1 ----------- Everything should be a little more smooth now with the code optimisations.

- Đã thêm tab chuyển tiếp với ba tab phụ.

- Vị trí: Làm động vị trí trên, phải, dưới và trái.

- Các cạnh: Tạo hiệu ứng cho các cạnh (lề, phần đệm, v.v.).

- Màu sắc: Tạo hiệu ứng với nhiều màu sắc khác nhau (nền, đường viền, v.v.).

- Nới lỏng: Đặt tùy chọn nới lỏng (bao gồm cả beziers tùy chỉnh!).

- Đã thêm tab bộ lọc với hai tab phụ - Bộ lọc chính: Tập hợp các bộ lọc không yêu cầu nhiều tùy chọn - Drop Shadow: Yêu cầu một vài tùy chọn, vì vậy hãy đặt trong một tab riêng - Đã chuyển các biến đổi, bán kính đường viền và bóng hộp sang tab riêng của chúng ngay bây giờ được gọi là Mô hình hộp để tiết kiệm không gian và ngắn gọn.

- Bắt đầu thêm một số thông tin/hướng dẫn trợ giúp cho một số thuộc tính CSS3.

- Sửa một số lỗi, đặc biệt là khi một số tab hoạt động không chính xác.

- Một số sửa mã và tối ưu hóa.

Dành quá nhiều thời gian để xem mã sẽ tạo ra mã xấu.

Thông tin thêm:

- Được cung cấp bởi ahallicks
- Đánh giá trung bình : 4.71 sao (thích nó)
- Nhà phát triển Địa chỉ email này đã được bảo vệ từ spam bots. Bạn cần kích hoạt Javascript để xem nó.

CSS3 Generator web extension tích hợp với OffiDocs Chromium Trực tuyến