Mang đến cho bạn hành trang là Kiến thức và Kinh nghiệm

Lựa chọn chủ đề bạn quan tâm

Cùng nhau thảo luận về các vấn đề

Hãy theo dõi chúng tôi nếu bạn thấy bổ ích

  1. Hỏi đáp IT
  2. Hỏi nhanh

12 hiệu ứng chữ độc đáo lập trình bằng ngôn ngữ CSS

700 Lượt xem 0 Bình luận 0 Lượt báo xấu

12 hiệu ứng chữ độc đáo lập trình bằng ngôn ngữ CSS  

Để tạo ra một website ấn tượng thì design, hay “bộ mặt” của trang web là cực kỳ quan trọng. Trong design nói chung thì tiêu đề, đầu đề lại là thứ đập vào mắt user đầu tiên, vì vậy gây ấn tượng bằng tiêu đề sẽ đem lại hiệu quả nhiều nhất.
Cách đây từ 5 năm đổ về trước, designer hay cặm cụi với Photoshop để tạo ra các hiệu ứng chữ đẹp, export ra thành file ảnh để nhúng vào web, hay dùng flash để tạo animation.

 Tuy nhiên với sự phát triển của HTML5 và CSS3 thì quan niệm và cách làm đã thay đổi hoàn toàn. Giờ đây chỉ với CSS (và JS với 1 chút nâng cao) thì đã có thể tạo ra rất nhiều hiệu ứng chữ đáng kinh ngạc.
Bản thân mình hay xem Codepen để học hỏi và lấy cảm hứng, và nhận ra có rất nhiều pen phải nói là quá đỉnh. Hôm nay mình sẽ liệt kê những pen đẹp nhất về hiệu ứng chữ. Bạn có thể click vào link trên đầu đề để xem cụ thể code của pen. Tất cả các pen ở đây đều chỉ dùng CSS và có thể có thêm JS.

Elastic Stroke

1

Text Animation

2

Cosmos

3

Loading text

4

Squiggly Text

5

Elegant Shadow

6

Foggy Text

7

Signature

8

Glitch

9

Webkit Background Text

10

Glitchy 404

11

Dashed Shadow

12Nếu các bạn còn thấy hiệu ứng đẹp nữa bằng CSS/JS thì chia sẻ nhé !



Câu trả lời

- Bạn đã sẵn sàng thảo luận về chủ đề này. Hãy bấm "Viết bình luận", bạn có thể lựa chọn sử dụng tài khoản Facebook hoặc Google++

- Vì sự phát triển của cộng đồng CNTT/CNPM tại Việt Nam!

Unknown user
No responses yet

Từ khóa tìm kiếm

Câu trả lời mới nhất

Tin tuyển dụng