1. 3DCSSText.com
Trang này giúp bạn tạo hiệu ứng chữ 3D đẹp mắt bằng cách sử dụng thuộc tính
text-shadow
của CSS3. Bạn có thể thay đổi màu nền, màu chữ, hướng đổ bóng, bề dày bóng… thông qua giao diện rất trực quan, dễ sử dụng.2. border-radius.com
Một công cụ cực kỳ đơn giản, trực quan để tạo hiệu ứng bo góc trong
CSS3. Bạn có thể dễ dàng thay đổi bán kính của 4 góc khác nhau.
3. cssmatic.com
Công cụ này cũng cho phép bạn tạo các hiệu ứng Border Radius, Box Shadow, Gadient, Noise Texture rất trực quan, đơn giản.
4. css3gen.com
Giống cssmatic.com, css3gen.com cũng cung cấp đầy đủ những công cụ
trực quan để tạo code CSS3 như Border Radius, Box Shadow, Text Shadow,
Gadient, Transform. Trang này còn cung cấp cho bạn công cụ Button
Generator để tạo các nút rất đẹp mắt.
5. css3maker.com
Công cụ này hỗ trợ các hiệu ứng: Border Radius, Box Shadow, Text
Shadow, Gadient, Transform, Transition, Animation, Text Rotation…
6. cssanimate.com
Công cụ chuyên dụng để toàn hoạt hình (animation) bằng CSS3. Nếu bạn
đã quen dùng phần mềm Adobe Flash để tạo hoạt hình thì rất dễ sử dụng
công cụ này, nó cũng có Timeline cũng như bảng điều khiển thuộc tính
giống Flash vậy, bạn có thể dễ dàng thêm vào các Keyframes và điều khiển
đối tượng tại các Keyframes tương ứng.
7. CSS Animation Generator
Công cụ tạo hiệu ứng CSS3 cực kỳ mạnh mẽ và trực quan, sử dụng thư viện Animate.css của Daniel Eden.8. web-font-generator.com
Đây là công cụ giúp bạn làm việc với CSS3 Web Font dễ dàng hơn. Bạn chỉ cần gửi lên một file font .ttf (TrueType Fonts) hoặc .otf (OpenType Fonts), công cụ này sẽ lo hết các phần còn lại cho bạn: Chuyển đổi sang các định dạng font khác nhau .woff (The Web Open Font Format), .svg (SVG Fonts/Shapes), .eot (Embedded OpenType Fonts) để tương thích với nhiều trình duyệt, sinh mã CSS để nhúng font vào web…
0 Comment "
Công cụ online tạo mã CSS3
"Đăng nhận xét