Tạo thanh menu biến hình độc đáo với CSS3 cho Blogger của bạn

Morph Menu with CSS3

Với sự nhỏ gọn và tiện dụng, thanh menu dạng "hamburger" ngày nay đã trở nên quen thuộc và xuất hiện khá nhiều nhiều trên các website. Hôm nay Iris Tips sẽ chia sẻ với các bạn thanh menu "hamburger" như thế với, tận dụng lợi thế của CSS3 làm nên những hiệu ứng biến hình khá độc đáo. Thanh Morph Menu sau đây chắc chắn sẽ không làm bạn thất vọng.

Xem thêm

Metro Side Menu phong cách Windows 10 trượt dọc theo website

Metro Side Menu for Blogger

Bạn yêu thích phong cách metro trên Windows, bạn muốn đem những ô live tile vào website của bạn. Metro Side Menu sẽ giúp bạn điều đó. Với hiệu ứng ẩn hiện đầy tinh tế Metro Side Menu chắc hẳn sẽ không làm bạn thất vọng.

Xem thêm

Pure CSS3 Mega Dropdown Menu với Animation (Vertical)

Pure CSS3 Mega Dropdown Menu with Animation (Vertical)

Tiếp tục phiên bản ngang ở bài viết trước, bài viết này Iris Tips sẽ chia sẻ cho các bạn phiên bản dọc của thanh Mega menu này - hoàn toàn làm bằng CSS nên sẽ rất nhẹ và hỗ trợ đầy đủ responsive.

Xem thêm

Pure CSS3 Mega Dropdown Menu với Animation (Horizontal)

Pure CSS3 Mega Dropdown Menu with Animation (Horizontal)

Hôm nay Iris Tips xin chia sẻ cho các bạn một kiểu menu khá đẹp, hỗ trợ responsive đầy đủ, đặc biệt menu được làm hoàn toàn bằng CSS nên sẽ không ảnh hưởng đến tốc độ tải trang của website bạn. Trong bài viết này Iris Tips sẽ giới thiệu cho các bạn phiên bản đầu tiên của thanh menu này đó là kiểu nằm ngang. Các phiên bản khác sẽ được giới thiệu trong các bài viết tiếp theo, các bạn đón theo dõi nhé.

Xem thêm

Thanh menu điều hướng hình rẻ quạt độc đáo Circular Navigation cho Blogger

Circular Navigation with CSS Transforms

Với phong cách Material Design hiện đại Circular Navigation chắc rằng sẽ không làm bạn thất vọng. Circular Navigation đặc biệt thích hợp với giao diện cảm ứng sẽ giúp giao diện trên di động của website bạn trở nên thân thiện hơn.

Xem thêm

Tạo Slide Out Menu cho Blogger

Slide Out Menu for Blogger

Slide Out Menu là một loại Menu tự động trượt ra khi chúng ta rê chuột vào, chúng sẽ giúp tiết kiệm khá nhiều diện tích trên site đối với những ai thích Sticky Menu. Iris Tips đã từng giới thiệu một loại menu như vậy trong bài viết: Slide Vertical Menu ẩn hiện bằng jQuery.

Hôm nay là một kiểu Slide Out Menu khác trông khá đẹp mắt và hiện đại. Đặc biệt Menu này làm hoàn toàn bằng CSS nên sẽ không gây ảnh hưởng đến tốc độ tải trang của website bạn.

Xem thêm