Bài này mình sẽ hướng dẫn cách tạo nút (button) trong WordPress bằng code, để nhúng vô bài viết hoặc trang. Mà không cần plugin. Xài code có thể không tiện lợi lắm nhưng được cái là nhẹ web. Tạo nút cơ bản …
Để làm hình nền full màn hình bạn chỉ cần đặt hình sau đó đặt chiều rộng và cao 100% là được. Nếu đặt hình nền ở một phần tử con mà vẫn muốn nó full màn hình thì cũng vậy, đặt chiều …
Thuộc tính này giúp tạo một điểm neo (gốc) cho đối tượng. Giả sử bạn muốn tạo hiệu ứng mở cửa thì bạn sẽ neo nó ở một mép cửa để làm bản lề. Để hiểu thuộc tính này, chúng ta sẽ làm …
Bài này mình sẽ hướng dẫn cách xài thuộc tính perspective, nhằm giúp cho một đối tượng 2D nhìn có vẻ 3D hơn. Để ví dụ, chúng ta sẽ tạo ra một đối tượng xoay vòng. File HTML: – Đầu tiên chúng ta …
Bài này mình sẽ hướng dẫn cách tạo một hình nằm dưới một hình khác, và xoay tròn khi di chuột lên. – Đầu tiên chúng ta có file HTML như thế này. Có thẻ div là “hieuung”, có 2 the hình là …
Bài này mình sẽ giới thiệu sơ qua về thuộc tính Transform scale. Thuộc tính này giúp bạn tăng giảm tỉ lệ của một phần tử, thường được sử dụng để làm hiệu ứng phóng to khi di chuột. Khi gán giá trị …
Để tạo nhiều lớp chồng lên nhau, bạn xài thuộc tính Position. – Ở class cha, bạn gán giá trị là relative. – Ở các class con, bạn gán giá trị là absolute, sau đó đặt top và left là 0 để cho …
Dưới đây là 3 cách ẩn phần tử trong CSS. Cách 1: Xài thuộc tính Display. Bạn chỉ cần đặt thuộc tính display và gán giá trị là none. Giải thích: – Display: Trưng bày. – None: Không. Cách 2: Xài …
Bài này mình sẽ hướng dẫn bạn cách căn giữa phần tử theo chiều ngang, chiều dọc, và theo cả 2 luôn. Căn giữa phần tử theo chiều ngang Cách 1: Xài thuộc tính text-align. Bạn chỉ cần đặt thuộc tính text-align và …
Để bo góc hoặc bo tròn một đối tượng trong CSS, bạn hãy xài thuộc tính border-radius và gán giá trị là px hoặc %. – Border: Có nghĩa là viền. – Radius: Có nghĩa là bán kính. Trong ví dụ trên: – …