Cập nhật: [ Css ]

Hôm nay mình sẽ tranh thủ giơi thiệu cho các bạn một mẫu form tìm kiếm rất cool , có thể dùng ngay cho website hay blog của các bạn. Mẫu form tìm kiếm này được làm hoàn toàn bằng CSS3 , nên rất đơn giản và dễ thực hiện.

Mẫu form tìm kiếm bằng CSS3 cực đẹp

Cập nhật: [ Css ]

Tranh thủ một chút ít thời gian, mình sẽ chia sẻ cho các bạn một mẫu button rất đáng để các bạn sử dụng trên các trang blog hay web của mình. Nếu không thích thì các bạn cũng có thể học thêm được nhiều về CSS3 với những thuộc tính mà nó tạo hiệu ứng cho button này.

Tạo button với hiệu ứng hover đơn giản bằng CSS3

Cập nhật: [ Css ]

Tranh thủ mang đến cho các bạn một mẫu thiết kế dành riêng cho menu trong các nhà hàng hay quán ăn, kiểu thiết kế này được làm bằng CSS3 với hiệu ứng hover ảnh.Trong bài viết này mình chỉ sử dụng thuộc tính box shadow và CSS transition.

Thiết kế menu nhà hàng với hiệu ứng hover bằng CSS3

Cập nhật: [ Css ]

Tiếp tục mang đến cho các bạn một kiểu button động được làm từ CSS3, hôm nay Laptrinhweb sẽ chia sẻ cho các bạn thêm một nút bấm cho phép người dùng tải file trên trang web của bạn với hiệu ứng không hề thua kém với bài viết Animated Download Button Với CSS3 mà mình đã giới thiệu cho các bạn.

Tạo nút download động bằng CSS3 Animated

Cập nhật: [ Css ]

Hôm nay Laptrinhweb sẽ chia sẻ cho các bạn 12 mẫu thiết kế kiểu đóng khung đơn giản được thiết kế hoàn toàn bằng CSS3. Với những kiểu thiết kế này, các bạn sẽ dễ dàng cài đặt và sử dụng cho những mục đích khác nhau trong những dự án thiết kế web của mình.

Top 12 kiểu đóng khung chữ với CSS3

Cập nhật: [ Css ]

Hầu như mọi website hay blog cá nhân đều có một thanh tìm kiếm (search) giúp người dùng tìm kiếm những nội dung mà họ muốn xem nhanh nhất. Việc thiết kế những thanh tìm kiếm này không khó, nhưng nếu muốn tạo ấn tượng cho người dùng thì các bạn cần phải có một chút thủ thuật.

Hiệu ứng hover động cho thanh tìm kiếm với CSS

Cập nhật: [ Css ]

Hôm nay Laptrinhweb tiếp tục giới thiệu cho các bạn thêm một mẫu menu web thường hay được sử dụng trong các thiết kế giao diện dành riêng cho mobile hay các giao diện web có khả năng responsive. Với hiệu ứng Flip Out có trong menu này, các bạn sẽ có thêm một kinh nghiệm trong việc xây dựng các hiệu ứng bằng CSS3.

Off Canvas Menu với hiệu ứng Flip Out bằng CSS3

Cập nhật: [ Css ]

Hôm nay mình sẽ chia sẻ cho các bạn thêm một mẫu thiết kế login form với hiệu ứng đơn giản nhưng rất bắt mắt. Với kiểu thiết kế này, các bạn có thể thay thế cho mẫu form đang dùng cho website hay blog của các bạn.

Thiết kế login form với HTML5 và CSS

Cập nhật: [ Css ]

Khi còn ở công ty thiết kế web, điều mình đau đầu nhất là làm sao thiết kế những trang web với những layout hay menu khác nhau, để tạo ấn tượng tốt cho khách hàng của mình. Mình nghĩ , nếu các bạn chưa rành về thiết kế thì cũng sẽ gặp vấn đề tương tự như mình. Chính vì lý do này mà mình xin giới thiệu cho các bạn một mẫu menu đơn giản nhưng không kém sexy. Các bạn sẽ có thêm ý tưởng thiết kế cho những trang web hay blog của mình.

Ấn tượng với mẫu skewed menu thiết kế bằng CSS

Cập nhật: [ Css ]

Mình đã giới thiệu cho các bạn nhiều button trong các bài viết trước, hôm nay mình sẽ chia sẻ cho các bạn một button đặc biệt, với button này, các bạn có thể có được 2 chức năng cùng một lúc. Hãy cùng thử tìm hiểu xem button này làm được những gì nhé.

Tạo button input combo cực lạ với CSS và jQuery

Cập nhật: [ Css ]

Tranh thủ mang đến cho các bạn một menu cực đẹp và ấn tượng được làm hoàn toàn bằng CSS3. Với hiệu ứng này, các bạn sẽ có thêm một lựa chọn cho website hay blog của mình.

Tạo hiệu ứng CSS3 dropdown menu cực pro

Cập nhật: [ Css ]

Hiện nay Flat Design đang là xu hướng mà các nhà thiết kế chọn lựa dựa theo tính đơn giản và hiệu nghiệm mà nó mang lại. Nếu các bạn cũng đang theo xu hướng này thì  Laptrinhweb chia sẻ cho các bạn một loạt các icon thích hợp cho các bạn tích hợp vào trong các thiết kế của mình. Các icon này hoàn toàn được làm từ Font Awesome và CSS3.

Tạo Flat Icons từ Font Awesome và CSS3

Cập nhật: [ Css ]

Tiếp tục mang đến cho các bạn những hiệu ứng hover bằng CSS3. Trong bài viết ngày hôm nay,  Laptrinhweb xin chia sẻ một đoạn css ngắn giúp các bạn tạo hiệu ứng underline đơn giản nhưng đẹp mắt, các bạn có thể áp dụng hiệu ứng này cho các menu trong trang web hay blog của các bạn.

Underline Hover Effect với CSS3

Cập nhật: [ Css ]

Trong quá trình thiết kế web, chắc hẳn là các bạn sẽ dùng tới button rất nhiều vào trong trang web hay blog của mình. Hôm nay,  Laptrinhweb xin chia sẻ cho các bạn thêm một vài button với hiệu ứng hover cực đẹp, các bạn có thể ứng dụng vào trong các dự án của mình.

Hiệu ứng hover cho button cực đẹp với CSS3