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, thiết kế website Nghệ An Hà Tĩnh 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!
Nội dung bài viết
1. Tạo Ra Một Hiệu Ứng Letterpress với CSS Text-Shadow
2. Xoay Text với CSS
3. Hiển Thị Ngày Tháng với Kỹ Thuật Sprites
4. Hiệu ứng Text Gradient với CSS
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.
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ữ!
7. 2 Cách Đơn Giản Để Tạo Hiệu Ứng Chữ Dập Nổi ( Embossing Effect )
8. Chữ Dập Nổi với Kỹ Thuật CSS
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.
10. Đổ Bóng với CSS
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.
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!
13. CSS Text-Shadow trong Safari, Opera, Firefox và Các Trình Duyệt Khác
14. Text-overflow
15. Thực Hiện sIFR3 vào Website Của Bạn
16. Sử Dụng Bất Cứ Font Nào Mà Bạn Muốn Với FLIR
17. Sử Dụng Các Thẻ Heading trong HTML
18. Những Kỹ Thuật Typography Nâng Cao Sử Dụng CSS
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.
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 đó.