1. Giới thiệu về CSS Shapes Editor
CSS Shapes Editor là tiện ích chrome thiết kế web hỗ trợ tốt hơn cho các nhà thiết kế web trong việc vẽ các hình dạng phức tạp ngay trong trình duyệt. Sau khi được cài đặt nó thêm một tab mới có tên là Shapes ở tron DevTools dưới tab Elements, ngang với các tab con khác (Styles, Computer,...). Sau đó bạn có thể vẽ các hình dạng hình học phức tạp ngay trong trình duyệt giống như một ứng dụng đồ họa.
Download CSS Shapes Editor, Trình chỉnh sửa tương tác cho CSS Shapes.
CSS Shapes Editor còn cập nhật hàm đa giác của chúng ta bằng các tọa độ tương ứng của hình dạng được vẽ, thêm nó như là một style trực tiếp vào phần tử. CSS Shapes Editor còn hỗ trợ chiết xuất hình ảnh bằng các hàm, điều chỉnh mức độ trong suốt của hình dạng Các tính năng khác: thay đổi hình dạng, di chuyển, chia tỷ lệ và xoay hình, thay đổi kích thước...
2. Các đặc điểm chính của CSS Shapes Editor:
- Vẽ các hình đa dạng trên trình duyệt.
- Chiết xuất hình ảnh bằng các hàm.
- Điều chỉnh mức độ trong suốt của ảnh.
- Chia tỷ lệ và xoay hình.
- Thay đổi kích thước, di chuyển vị trí hình.
3. Soft liên quan
Còn Amino là tiện ích Chrome có chức năng chỉnh sửa trực tiếp CSS trên trình duyệt để bạn tùy chỉnh giao diện các trang web qua việc thay đổi màu sắc, font chữ, các thay đổi được thiết lập trên Amino được xem trước trong thời gian thực và được đồng bộ hóa trên Google Drive.