Share Bổ sung các quy tắc CSS với thư viện DynCSS

[filiallion]

Language

Tiếng Việt

Hiện tại CSS đã có phiên bản 4 nhưng chưa chính thức, phiên bản CSS được sử dụng nhiều nhất hiện nay vẫn là CSS 2. Tuy nhiên, với sự phát triển của công nghệ web hiện nay, CSS 3 đang dần trở nên chiếm lĩnh thị phần và sắp tới sẽ là phiên bản CSS 4. Tuy nhiên, với số lượng các quy tắc mà CSS cung cấp đôi lúc cũng không đủ để các bạn có thể tạo ra các sản phẩm như mong muốn mà bắt buộc các bạn phải kết hợp nhiều quy tắc CSS lại với nhau. Nhu cầu là như vậy thì tất nhiên sẽ có các lập trình viên đáp ứng bằng cách phát triển các thư viện hỗ trợ, một trong số đó phải kể đến đó là thư viện DynCSS.

DynCSS là một thư viện JavaScript làm nhiệm vụ bổ sung thêm cho CSS các quy tắc mới, chủ yếu là các quy tắc dựa trên nền tảng phiên bản CSS 3 đang được sử dụng rộng rãi hiện nay.

Để sử dụng thư viện DynCSS, các bạn tải tại địa chỉ https://github.com/vzaccaria/DynCSS hoặc sử dụng Bower với dòng lệnh như sau:

bower install dyn-css

Các bạn tích hợp vào website với dòng mã lệnh HTML như sau:

<script src="path/to/dyncss.js"></script>

Bây giờ, các bạn có thể sử dụng các quy tắc bổ sung của thư viện DynCSS với tiền tố -dyn- như ví dụ sau:

.dyn {
    -dyn-webkit-transform: '"rotate(#{@win-scrollTop}deg)"';
}

Các bạn có thể tìm hiểu thêm về thư viện DynCSS tại địa chỉ https://www.vittoriozaccaria.net/dyn-css.