Front End

Chuyên mục Front end chia sẻ giới thiệu các đoạn code hiệu ứng đẹp, lạ ,độc đáo …

WordPress Hướng dẫn chặn tự động chèn thẻ br vào các dòng mới

Chào mọi người , khi sử dụng tính năng thay thế các script bằng shortcode [kdn-script] đó là nếu script inline chứa các dòng mới (new lines) thì mỗi dòng mới sẽ tự động chèn thêm thẻ <br/>. Như thế này: Trong backend: Nhưng khi ra bên ngoài frontend thì như này: Và tất nhiên […]

Hiệu ứng lật hình ảnh Css 3D – CSS 3D Flipping Card Hover Effect

Chào các bạn đã trở lại với blog của mình ! Hôm nay mình tiếp tục chia sẻ tới các bạn code tạo Hiệu ứng lật hình ảnh Css 3D. Chia sẻ code vì đam mê Triển luôn nghen ! Từ bài biết này mình sẽ share code lên trên code pen . See the […]

Hiệu ứng tan biến – cú búng tay của Thanos – Thanos hover effect

Còn anh em nào chưa xem End Game không ? Comment ngay bên dưới để nhận link nghen ! Cơn bão End Game chưa qua , blog của mình cũng đang hứng chịu những hậu quả nặng nề từ nó :)). Hôm nay mình chia sẻ tới các bạn code tạo hiệu ứng tan biến […]

Cách ẩn sidebar wordpress trên thiết bị di động

Cách ẩn sidebar wordpress trên thiết bị di động ! Sidebar WordPress là gì ? Sidebar là khu vực mà ở đó người dùng có thể thêm các widget tùy ý: bài viết mới, lịch, tìm kiếm,…  Sidebar là một phần không thể thiếu của website . Nhiều bạn vẫn thường nghĩ rằng sidebar chỉ […]

CSS Sticky Social Media Icon Bar Animation

Chào các bạn ! Lại là mình đây .  Hôm nay chúng ta đổi gió tí không nói về plugin nữa . Bài viết này mình share code về cách tạo nút liên kết các trang mạng xã hội cố định – Sticky Social Media Icon Bar Animation . Ok ! Triển luôn nào Code […]

Hướng dẫn tạo nút cuộn về đầu trang đơn giản với jQuery

Chắc hẳn các bạn đã từng tiếp xúc với nhiều trang web dài và khi xem tới cuối trang bạn cảm thấy mệt mỏi với việc phải kéo lại lên trên đầu trang . Để giải quyết vấn đề này ta sẽ tạo một nút Back to top có chức năng giúp khách truy cập có […]

Tổng hợp các hiệu ứng hover vào hình ảnh trên codepen

Lang thang thấy một số hiệu ứng hover vào hình ảnh rất đẹp trên Codepen nên tổng hợp lại. Các bạn click thẳng vào link tiêu đề để đến codepen nhé. 1. Hiệu ứng 3D có tiêu đề     See the Pen Hover Image 3D Effect by Phung Viet (@vanviet178) on CodePen. 2. Hiệu […]