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

Cập nhật: [ Css ]

Nhận thấy iPhone 6 đang gây sốt cho giới trẻ, đặc biệt là các bạn trẻ ở Việt Nam. Hôm nay , Laptrinhweb xin chia sẻ cho các bạn đoạn css đơn giản, giúp các bạn có thể tạo hình chiếc iPhone 6 ngay trên website hay blog của các bạn với vài bước đơn giản.

Tạo hình iPhone 6 với CSS3

Cập nhật: [ Css ]

Hôm nay mình tiếp tục giới thiệu cho các bạn một hiệu ứng cũng đẹp không kém khác, với hiệu ứng này, các bạn có thể áp dụng nhiều cho các dự án web hay dùng cho blog của mình.

Tạo loader bằng CSS cực đẹp

Cập nhật: [ Css ]

Nếu các bạn đã cảm thấy chán với các kiểu hiệu ứng loading cho trang web được làm từ các ảnh với đuôi .gif.  Thì hôm nay, trong bài viết này,  Laptrinhweb sẽ chia sẻ cho các bạn một hiệu ứng loading làm bằng CSS3 theo phong cách Windows phone.

Tạo hiệu ứng loading theo kiểu Windows phone với CSS3

Cập nhật: [ Css ]

Trước đây, Laptrinhweb đã giới thiệu với các bạn rất nhiều cách tạo hình hoặc icon bằng CSS3, tiếp theo đây Laptrinhweb xin chia sẻ cho các bạn một icon rất đặc biệt nữa, đó là icon cờ Việt Nam, với icon này, các bạn có thể áp dụng cho những trang đa ngôn ngữ.

Tạo lá cờ Việt Nam bằng CSS3

Cập nhật: [ Css ]

Hôm nay Laptrinhweb sẽ chia sẻ cho các bạn một mẫu Bussiness Card cực kỳ ấn tượng và đẹp mắt, đặc biệt là các bạn không cần phải dùng các phần mềm thiết kế hay các công cụ tạo ảnh động nào, tất cả chỉ bằng CSS.

Tạo Mẫu 3D Business Card Bằng CSS

Cập nhật: [ Css ]

Hôm nay  Laptrinhweb xin chia sẻ cho các bạn một logo đầy màu sắc được làm từ CSS3, đó là logo Colorvivo. Qua bài viết này, các bạn sẽ có thể tận dụng thuộc tính  transform để sắp xếp các màu sắc thành các hình thù như ý.

Tạo logo Colorvivo bằng CSS3

Cập nhật: [ Css ]

Trong bài viết ngày hôm nay, Laptrinhweb xin chia sẻ cho các bạn 6 hiệu ứng chữ đẹp mắt được làm từ CSS3. Các bạn có thể sử dụng những hiệu ứng này cho chính website hay blog của mình.

Hiệu ứng chữ đẹp mắt với CSS3

Cập nhật: [ Css ]

Hẳn là các bạn đã từng quen với các hiệu ứng động mà Google thường mang đến cho chúng ta ngay trên trang chủ của họ, được gọi với cái tên là Google Doodle. Hôm nay chúng ta sẽ bắt chước làm một kiểu đơn giản của họ, điều đặc biệt trong hiệu ứng này là tất cả đều được làm bằng html và CSS3, không sử dụng bất kì một đoạn script nào.

Google Doodle animation bằng CSS3