Search your

ReactJS
All
Jobs
Companies

Get job alert for this search

7 jobsHTML & CSS

Company information

Related posts

View all
9 mẹo và thủ thuật CSS hữu ích có thể bạn chưa biết

9 mẹo và thủ thuật CSS hữu ích có thể bạn chưa biết

Bài viết được sự cho phép của tác giả Bùi Thị Huyền CSS là Cascading Style Sheets và được sử dụng để mô tả cách các phần tử HTML sẽ hiển thị. Đây là một trong những công nghệ đầu tiên được học sớm nhất để phát triển web, các developer tuyệt đối phải biết cơ bản. Mặc dù có vẻ như CSS không thể làm được gì nhiều ngoài việc cung cấp màu sắc, vị trí, v.v. của HTML, nhưng nó cũng có thể cho phép chúng ta tạo hình động và mang lại sức sống cho các ứng dụng và trang web của chúng ta. Có lẽ bây giờ nhiều người trong chúng ta quan tâm đến việc thành thạo CSS và học nó rất sâu, nhưng hoàn toàn đáng để biết một số mẹo và thủ thuật hữu ích có thể giúp bạn tạo các trang web tuyệt đẹp! Bạn đã sẵn sàng để xem 9 mẹo và thủ thuật có thể thay đổi cách sử dụng CSS của bạn [...]

Read more
Hướng dẫn tạo hiệu ứng văn bản sử dụng Gradient Text CSS

Hướng dẫn tạo hiệu ứng văn bản sử dụng Gradient Text CSS

Bài viết được sự cho phép của tác giả Nguyễn Thành Nam Hiệu ứng văn bản với gradient text là một cách tuyệt vời để tạo điểm nhấn cho văn bản trên trang web của bạn. Sử dụng CSS, bạn có thể dễ dàng áp dụng hiệu ứng gradient text để làm cho văn bản trở nên hấp dẫn và nổi bật. Dưới đây là một ví dụ sử dụng hiệu ứng gradient text được tạo bằng CSS. Để làm được như trên, bạn làm theo các bước hướng dẫn dưới đây: Bước 1: Tạo HTML cơ bản Đầu tiên, chúng ta cần tạo 1 khối HTML để chứa văn bản. <div> <p>thanhnamnguyen.dev</p> </div> Bước 2: Thêm CSS Gradient Sử dụng CSS sau để tạo hiệu ứng chuyển màu trên văn bản (gradient text). Mình sử dụng thuộc tính background: linear-gradient để tạo dải màu sắc tương ứng. Gradient này chạy từ trái qua phải và bao gồm bốn màu: #7953 [...]

Read more
CSS Loader là gì? Cách sử dụng CSS Loader trong trang Web của bạn

CSS Loader là gì? Cách sử dụng CSS Loader trong trang Web của bạn

CSS Loader - hay còn gọi là spinners hoặc loading animations, là những phần tử trực quan được sử dụng để hiển thị sự tiến triển khi trang web đang tải dữ liệu hoặc thực hiện các tác vụ nền. Trong bài viết này, chúng ta sẽ tìm hiểu về CSS Loader, cùng với việc giới thiệu một số nguồn trang web cung cấp CSS Loader miễn phí để bạn có thể tích hợp vào trang web của mình. 1. CSS Loader là gì? CSS Loader giúp cải thiện trải nghiệm người dùng bằng cách cung cấp phản hồi trực quan về quá trình tải trang web. Được xây dựng bằng CSS và thỉnh thoảng kết hợp với JavaScript, chúng có thể mang lại hiệu ứng đẹp mắt và sáng tạo. 2. Lợi ích của việc sử dụng CSS Loader Cải thiện trải nghiệm người dùng: người dùng sẽ biết được khi nào trang web đang xử lý dữ liệu, giúp họ chờ đợi một cách thoải [...]

Read more
7 thư viện CSS Animation cực hay cho lập trình viên Frontend

7 thư viện CSS Animation cực hay cho lập trình viên Frontend

Bài viết được sự cho phép của tác giả Nguyễn Thành Nam Đối với lập trình viên frontend, việc tạo hiệu ứng và hoạt ảnh trên trang web là một phần quan trọng của việc tối ưu hóa trải nghiệm người dùng. Có nhiều thư viện mạnh mẽ giúp lập trình viên thực hiện công việc này một cách dễ dàng và hiệu quả. 1. Animate.css Animate.css là một thư viện animation CSS nhẹ và dễ sử dụng, giúp thêm hiệu ứng vào các phần tử HTML một cách nhanh chóng. Với nhiều loại hiệu ứng như bounce, fadeIn, zoomIn, thư viện này mang lại sự linh hoạt và đa dạng cho trang web của bạn. Sử dụng CDN để nhúng Animate.css <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" /> Sử dụng hiệu ứng <div class="animate__animated animate__bounce">Chào mừng bạn đến trang web!</div> 2. GSAP (GreenSock Animation Platform) GSAP là một thư viện animation mạnh mẽ, cung [...]

Read more