Share Tạo hiệu ứng văn bản với thư viện Arctext.js

filiallion · 06/29/2018

Với CSS3 các bạn hoàn toàn có thể tạo ra nhiều hiệu ứng với văn bản như đổ bóng, xoay và nhiều hiệu ứng khác. Tuy nhiên, trong một số trường hợp như bẻ cong văn bản theo một mức độ các bạn cần thì việc thiết kế bằng CSS3 khá phức tạp và mất thời gian. Với thư viện Arctext.js thì việc này lại vô cùng đơn giản chỉ bằng việc khai báo thông số cấu hình là các bạn đã có được hiệu ứng bẻ cong chữ theo ý muốn.

Arctext.js là một plugin của jQuery nên việc sử dụng thư viện này yêu cầu phải tích hợp jQuery vào website trước khi sử dụng. Các bạn tải thư viện jQuery tại địa chỉ https://jquery.com/download.

Các bạn tải thư viện Arctext.js tại địa chỉ http://tympanus.net/Development/Arctext/Arctext.zip và có thể xem trước các ví dụ tại địa chỉ http://tympanus.net/Development/Arctext.

Các bạn tích hợp thư viện Arctext.js vào website với nội dung mã lệnh như sau:

HTML:

<link href="path/to/style.css" rel="stylesheet">
<script src="path/to/jquery.arctext.js"></script>

Và cài đặt thư viện Arctext.js với hiệu ứng bẻ cong dòng chữ như nội dung mã lệnh sau:

JavaScript:

$(function() {
    $('.arctext').arctext({
        radius: 300
    });
});

Sau đó để áp dụng với nội dung nào các bạn tham khảo nội dung mã lệnh như sau:

HTML:

<div class="arctext">Welcome to Gextend</div>

Share Tạo hiệu ứng văn bản với thư viện Arctext.js

filiallion

Administrator