22 Mẹo Về Hiệu Ứng Text CSS và Typography

Chào các bạn! Chúng tôi nghĩ rằng bạn chắc chắn đã nhìn thấy những hiệu ứng văn bản ( text ) CSS nâng cao đã có hiện nay, chúng đang trở nên phổ biến một cách nhanh chóng và đang dần trở thành xu hướng tốt trong thiết kế web. Điều tốt nhất của những hiệu ứng này là nó có thể kết hợp với CSS thuần túy ( pure CSS ), không cần thay thế bằng hình ảnh làm cho trang web của bạn trở nên nặng nề và ì ạch. Trong bài viết này, Lamweb.com giới thiệu đến các bạn những bài hướng dẫn CSS hay nhất và các mẹo về kiểu chữ ( Typography ) mà chúng tôi đã tìm thấy và nghĩ rằng bạn nên tham khảo. Hãy xem hết bài viết và đánh dấu vào bookmark để lần tới khi bạn làm một thiết kế mới trong Photoshop với các hiệu ứng letterpress, shadow… bạn có thể tạo ra chúng chỉ với các đoạn mã thuần túy!

Typography cũng đóng vai trò rất quan trọng trong việc thiết kế các trang web đẹp mắt. Vì vậy chúng tôi khuyên các bạn nên đọc càng nhiều bài viết hữu ích càng tốt. Hãy cùng thưởng thức và lấy cảm hứng cho các mẫu thiết kế web của bạn!

1. Tạo Ra Một Hiệu Ứng Letterpress với CSS Text-Shadow

22 Mẹo Về Hiệu Ứng Text CSS và Typography
Xem Demo

2. Xoay Text với CSS

22 Mẹo Về Hiệu Ứng Text CSS và Typography

3. Hiển Thị Ngày Tháng với Kỹ Thuật Sprites

22 Hiệu Ứng Text CSS Nâng Cao Và Tips Về Web Typography

4. Hiệu ứng Text Gradient với CSS

22 Mẹo Về Hiệu Ứng Text CSS và Typography
Xem Demo

5. Text Gradient với CSS

Một bài hướng dẫn tương tự về Text gradient, nhưng có lẽ bạn sẽ thích cả 2 thủ thuật để tìm hiểu hiệu ứng CSS Text gradient áp dụng vào công việc như thế nào.

22 Mẹo Về Hiệu Ứng Text CSS và Typography

6. Thêm Hiệu Ứng Grunge Cho Text Đơn Giản với CSS

Bài viết này được dựa trên các kỹ thuật như CSS Text gradient sử dụng nó để thêm các loại hiệu ứng grunge vào các kiểu chữ!

22 Mẹo Về Hiệu Ứng Text CSS và Typography
Xem Demo

7. 2 Cách Đơn Giản Để Tạo Hiệu Ứng Chữ Dập Nổi ( Embossing Effect )

22 Mẹo Về Hiệu Ứng Text CSS và Typography

8. Chữ Dập Nổi với Kỹ Thuật CSS

22 Mẹo Về Hiệu Ứng Text CSS và Typography

9. Codename Rainbows

CSS đẹp & mã Javascript cung cấp bởi DragonInteractive hướng dẫn làm thể nào để phối 2 màu sắc vào hiệu ứng Text gradient, đổ bóng và làm nổi bật.

22 Mẹo Về Hiệu Ứng Text CSS và Typography
Xem Demo

10. Đổ Bóng với CSS

22 Mẹo Về Hiệu Ứng Text CSS và Typography

11. Đổ Bóng Văn Bản ( Text-Shadow )

Tạo những hiệu ứng đẹp cho văn bản với CSS text-shadow. Bài viết rất chi tiết chỉ cho bạn rất nhiều lời khuyên làm thế nào để làm văn bản sáng hơn, dập nổi, đổ bóng chỉ với vài bước đơn giản.

22 Mẹo Về Hiệu Ứng Text CSS và Typography

12. Background gradient và CSS

Hiệu ứng nền ( background ) đẹp với CSS, có thể được áp dụng cho rất nhiều lựa chọn sử dụng nó theo một cách sáng tạo!

22 Mẹo Về Hiệu Ứng Text CSS và Typography

13. CSS Text-Shadow trong Safari, Opera, Firefox và Các Trình Duyệt Khác

22 Mẹo Về Hiệu Ứng Text CSS và Typography

14. Text-overflow

22 Mẹo Về Hiệu Ứng Text CSS và Typography

15. Thực Hiện sIFR3 vào Website Của Bạn

22 Mẹo Về Hiệu Ứng Text CSS và Typography

16. Sử Dụng Bất Cứ Font Nào Mà Bạn Muốn Với FLIR

22 Mẹo Về Hiệu Ứng Text CSS và Typography
Xem Demo

17. Sử Dụng Các Thẻ Heading trong HTML

22 Mẹo Về Hiệu Ứng Text CSS và Typography

18. Những Kỹ Thuật Typography Nâng Cao Sử Dụng CSS

22 Mẹo Về Hiệu Ứng Text CSS và Typography

19. 10 Ví Dụ CSS Typography Đẹp và Làm Ra Chúng Như Thế Nào

Bài viết giải thích đơn giản nhưng rất hiệu quả những thủ thuật CSS như thế nào để có được những hiệu ứng Kiểu Chữ ( Typography ) đẹp chỉ với một vài dòng lệnh.

22 Mẹo Về Hiệu Ứng Text CSS và Typography

20. Typographic Contrast và Flow

Nick La chỉ chúng ta làm thế nào để áp dụng đúng những cái tương phản ( contrast ) và dòng chảy ( flow ) trong mẫu thiết kế web của bạn giải thích lý do tại sao và những việc phải làm và làm như thế nào để có được hiệu ứng đó.

22 Mẹo Về Hiệu Ứng Text CSS và Typography
Xem Demo

21. Những Yếu Tố của Phong Cách Typographic Áp Dụng Trong Thiết Kế Web

22 Mẹo Về Hiệu Ứng Text CSS và Typography

22. 5 Nguyên Tắc và Ý Tưởng trên Web

22 Mẹo Về Hiệu Ứng Text CSS và Typography