CÔNG CỤ TẠO CSS

Background-gradient generator

Việc code background-gradient sẽ không dễ nhớ cấu trúc ngay cả với những coder lâu năm, với công cụ này sẽ giúp các bạn tạo background-gradient đơn giản và tiết kiệm nhiều thời gian, việc cần làm là điều chỉnh thông số như ý muốn và copy đoạn mã cần thiết.

Background-gradient generator

Boder-radius generator

Border radius thật ra không khó nhớ cấu trúc, nhưng việc canh chỉnh thông số bo của các góc sẽ mất thời gian, thay vì vậy, chúng ta có thể sử dụng công cụ tạo border-radius sẽ đơn giản hơn nhiều.

Boder-radius generator

Box-shadow generator

Cái khó của box-shadow là làm sao nhìn thấy rõ được hiển thị shadow như thế nào là phù hợp, bạn không thể tưởng tượng mà canh chỉnh cho nó được, do đó sử dụng box-shadow generator là một lựa chọn tốt.

Box-shadow generator

Transform generator

Transform là thuộc tính rất gần đây được sử dụng nhiều, nhưng để nhớ cách viết cách giá trị bên trong không phải dễ với bất kỳ ai, với công cụ tạo transform này sẽ giúp những ai chưa quen với transform sẽ không lo về nó.

Transform generator

Transform 3D generator

Với công cụ tạo transform 3D này, sẽ giúp cho bạn dễ tạo style tùy ý theo bạn muốn, không quá khó với vài cái click chuột, nhưng kết quả thì miễn bàn.

Transform 3D generator

Mutiple column generator

Không khó để code một đoạn điều khiển nội dung chia cột column, nhưng bạn sẽ cần nhiều thời gian hơn để vừa code vừa test, nên việc sử dụng colums generator sẽ giúp bạn tiết kiệm nhiều thời gian.

Mutiple column generator

Text-shadow generator

Cũng như box-shadow, việc canh chỉnh shadow như thế nào cho phù hợp cũng cần rất nhiều thời gian, do đó với công cụ text-shadow generator sẽ giúp bạn nhiều trong việc điều khiển shadow như mong muốn.

Text-shadow generator

Text editor generator

Có lẽ công cụ text-editor generator dành cho những bạn đang học về cách điều khiển các thuộc tính dành riêng cho text, tuy nhiên cũng sẽ giúp cho những bạn muốn hiệu chỉnh lại văn bản của mình.

Text editor generator

Block list float generator

Thích nhất là công cụ block list float này, siêu tiết kiệm thời gian, và chính xác gần như tuyệt đối, giúp cho việc điều khiển các thành phần float linh hoạt hơn.

Block list float generator

Block list float percent generator

Cũng như block list float, công cụ này sẽ điều khiển các khối theo giá trị phần trăm, bạn có thể thử để hiểu rõ cách hoạt động cũng như hiệu quả của nó nhé.

Block list float percent generator