1 Apr

Cách tạo loading icon đẹp mắt cho web

Thủ thuật dưới đây sẽ giúp bạn tạo một loading icon đẹp mắt cho web, giúp khách hàng đỡ nhàm chán hơn khi chờ web bạn load xong.

Bạn chỉ cầ dùng jQuery và CSS là có thể tạo được hiệu ứng này. Dưới đây là một số loading icon mà bạn có thể dùng:

Loading icon cubeLoading icon four squareLoading icon rubik's cubeLoading icon rectangle square dots

 

 

Còn đây là icon preloader:

 

Loading icon rotating circlesloading icon fadein faceout circlesrotating two circles loaderLoading icon revolving circleshangout loader iconloading icon zoom in zoom out circles

 

 

Tải trọn bộ những icon này theo link cuối bài viết.

Cách tạo loading icon cho web

Bước 1: Thêm code sau vào sau thẻ body:

Bước 2: Thêm CSS:

Bước 3: Thêm đoạn code bên dưới vào header:

icon loading icon preload Hosting tốt nhất
Mời bạn đánh giá mức độ hữu ích của bài viết này:
1 Star2 Stars3 Stars4 Stars5 Stars (3 votes, average: 4.67 out of 5)
Loading...Loading...


Leave a Reply

Your email address will not be published. Required fields are marked *