Hiệu ứng chữ đáng kinh ngạc bằng CSS
CSS
40
CSS3
42
Javascript
246
White

Phan Hoàng Công viết ngày 04/06/2015

Hiệu ứng chữ

Để 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

để 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

text animation

alt text

alt text

alt text

alt text

alt text

alt text

alt text

alt text

alt text

alt text

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

Bình luận


White
{{ comment.user.name }}
Bỏ hay Hay
{{comment.like_count}}
Male avatar
{{ comment_error }}
Hủy
   

Hiển thị thử

Chỉnh sửa

White

Phan Hoàng Công

6 bài viết.
21 người follow
Kipalog
{{userFollowed ? 'Following' : 'Follow'}}
Cùng một tác giả
White
31 9
Lang thang thấy một số button rất đẹp trên Codepen nên tổng hợp lại. Các bạn click thẳng vào link tiêu đề để đến codepen nhé. (Link) (Ảnh) (Li...
Phan Hoàng Công viết hơn 2 năm trước
31 9
White
23 4
(Ảnh) Bower là gì Bower là một công cụ quản lý resource cho lập trình frontend được open source bởi Twitter. Đã qua cái thời bạn phải download t...
Phan Hoàng Công viết 3 năm trước
23 4
White
7 1
(Ảnh) Web Storage HTML 5 đã giới thiệu về web storage, giúp client code (Javascript) lưu thông tin với dung lượng lớn hơn hơn an toàn hơn so với...
Phan Hoàng Công viết 3 năm trước
7 1
Bài viết liên quan
White
27 8
Lâu không post gì muốn viết một bài dài dài về js cơ mà đau đầu quá viết mãi không xong, thôi post bài ngắn vậy :smiley: Lấy screen size ở đây tôi...
Hoàng Duy viết gần 3 năm trước
27 8
{{like_count}}

kipalog

{{ comment_count }}

bình luận

{{liked ? "Đã kipalog" : "Kipalog"}}


White
{{userFollowed ? 'Following' : 'Follow'}}
6 bài viết.
21 người follow

 Đầu mục bài viết

Vẫn còn nữa! x

Kipalog vẫn còn rất nhiều bài viết hay và chủ đề thú vị chờ bạn khám phá!