Trong bài viết này tôi sẽ chỉ cho bạn cách làm infographic, nó không hề khó như bạn nghĩ đâu, thậm chí bạn sẽ ngạc nhiên về thành phẩm của bản thân. Cứ thử xem!
Trước hết chúng ta cần một định nghĩa nôm na về infographic. Nó là định dạng nội dung phối hợp giữa:
Nó là bức tranh về nội dung, và có thể giúp bạn gia tăng sức hấp dẫn của trang lên rất nhiều.
Bài này sẽ hướng dẫn các bạn cách tạo animation trong css. Trước hết hãy tìm hiểu về lý thuyết để có nền tảng cơ bản trước khi bắt tay vào thiết kế các thí dụ, hoặc chỉ đơn giản là "customize" một thí dụ đã có sẵn trên mạng theo các cách sáng tạo của riêng bạn.
Tìm hiểu thêm: Frontend-developer đã hô biến animation trong mắt người dùng như thế nào?
Nhiều người khi học về HTML, CSS hay làm việc với chúng đều thấy một vấn đề khó hiểu đó là thuộc tính kích thước font chữ (font-size). Trong phương diện tin học ứng dụng, có nhiều đơn vị khác nhau mà bạn có thể dùng để khai báo kích thước font chữ khi nó được hiển thị trên màn hình, thông dụng nhất là px, pt, em và %, ngoài ra thì có pc, ex, in… Sẽ không có câu trả lời hoàn hảo cho câu hỏi: Sử dụng đơn vị nào là đúng?, vì mỗi đơn vị được dùng trong một hoàn cảnh khác nhau.
1. Px và Pt
Bạn có thể tạo một gradient dải chữ có màu thoải dần trên một nền ảnh phức tạp chỉ sử dụng CSS.
Xem một ví dụ: https://jsfiddle.net/ptsc2xba/
Kỹ thuật này rất hữu ích khi bạn muốn:
