CSS

Đơn giản mẫu Social-Tooltip bằng CSS3

Hôm nay mình sẽ chia sẻ cho các bạn một mẫu chia sẻ mạng xã hội (social) được làm hoàn toàn từ CSS. Mẫu này rất đơn giản và dễ thực hiện, rất phù hợp cho các bạn sinh viên mới bước chân vào lĩnh vực thiết kế web và muốn nâng cao về CSS3. Xem Demo | Download HTML Các bạn tạo danh ...

Vũ Văn Thanh viết 20:07 ngày 04/10/2018

Mẫu giỏ hàng ấn tượng với kiểu Drop Down lạ mắt

Mẫu giỏ hàng (shopping cart) mà mình chia sẻ cho các bạn trong bài viết này sẽ giúp các bạn tiết kiệm không gian thiết kế cho web, đồng thời cũng tạo sự tiện dụng cho khách hàng dễ dàng quan sát sản phẩm mà họ đã mua trên web và từ đó nâng cao khả năng bán hàng trên website của các bạn. Xem ...

Vũ Văn Thanh viết 20:07 ngày 04/10/2018

Tạo Pop Up Login Form với HTML5, CSS3 và jQuery

Tranh thủ một chút ít thời gian buổi sáng ,mình sẽ chia sẻ cho các bạn một cách tạo hiệu ứng pop up cho form login. Với cách làm này, các bạn sẽ có thể áp dụng vào cho chính trang web hay blog của các bạn. Login form sẽ được xây dựng bằng HTML5 với chức năng tự động kiểm chứng dữ liệu (validate), ...

Vũ Văn Thanh viết 20:07 ngày 04/10/2018

Thiết kế button đơn giản chỉ với CSS

Hôm nay mình sẽ giới thiệu cho các bạn thêm một mẫu button đẹp để các bạn có thể chèn vào trong trang web hay blog của các bạn. Ngoài ra, các bạn còn có thể tự sáng tạo thêm dựa vào đoạn code css định dạng mà mình chia sẻ trong bài viết này. Xem Demo | Download HTML Đầu tiên các bạn ...

Bùi Văn Nam viết 20:07 ngày 04/10/2018

Fading Slideshow với jQuery và CSS3

Nếu các bạn đang gặp rắc rối với những kiểu slideshow đã trở nên lỗi thời và nhàm chán của trang web hay blog của các bạn, thì hãy thử hiệu ứng fading slideshow mà mình giới thiệu trong bài viết này xem sao. Đây là một hiệu ứng trình diễn ảnh đơn giản và nhỏ gọn, rất thích hợp tích hợp vào những ...

Tạ Quốc Bảo viết 20:07 ngày 04/10/2018

Tạo menu đa cấp theo chiều ngang bằng CSS3 và jQuery

Việc sở hữu nhiễu mẫu menu khác nhau sẽ giúp ích cho các bạn trong việc thiết kế web/blog, nó giúp các bạn tăng thêm sự sáng tạo cũng như tạo sự khác biệt so với các trang web truyền thống khác. Mẫu menu mà mình chia sẻ trong bài viết này ,được lấy từ một trang web thiết kế nổi tiếng (blue print), ...

Trịnh Tiến Mạnh viết 20:07 ngày 04/10/2018

Không Tưởng Với Mẫu 3D CSS Ribbon

Tình cờ phát hiện một mẫu thiết kế đẹp trên internet, và mình nghĩ nó sẽ rất hữu ích cho các bạn trong quá trình xây dựng trang web hay blog của các bạn. Thường thì trước đây mình phải sử dụng Photoshop để tạo ra các file ảnh cần thiết, nhưng điều tuyệt vời trong bài viết này là các bạn không cần ...

Tạ Quốc Bảo viết 20:07 ngày 04/10/2018

4 mẫu thiết kế phân trang bằng CSS3

Với những trang web hay blog có nhiều bài viết thì việc phân trang sẽ giúp người dùng dễ dàng chuyển hướng để xem những bài viết cũ hoặc mới hơn. Hôm nay, mình sẽ chia sẻ cho các bạn 4 mẫu phân trang đơn giản bằng CSS3. Với những mẫu thiết kế này, các bạn có thể áp dụng vào trong web hay blog của ...

Hoàng Hải Đăng viết 20:07 ngày 04/10/2018

Nhỏ gọn với mẫu giỏ hàng có hiệu ứng tooltip bằng CSS3

Có lẽ bây giờ mọi người quen với việc bán hàng trên Facebook mà dần quên đi những trang web bán hàng truyền thống. Tuy nhiên, cái gì nó đã tồn tại và phát triển thì ắt phải có lý do của nó, và những trang bán hàng sẽ không bao giờ lỗi thời, chỉ là chúng cần phải được nâng cấp để theo kịp với xu ...

Trần Trung Dũng viết 20:07 ngày 04/10/2018

Tạo Pop Up với hiệu ứng blur background bằng CSS3 và jQuery

Thỉnh thoảng các bạn sẽ cần thông báo cho người dùng những thông điệp mà các bạn muốn gửi đến, và pop up sẽ là giải pháp hữu hiệu nhất giúp các bạn làm điều này. Nếu các bạn vẫn chưa có mẫu pop up nào, thì mình xin chia sẻ cho các bạn cách tạo một pop up đơn giản nhất. Pop up này được làm bằng ...

Trịnh Tiến Mạnh viết 20:07 ngày 04/10/2018

Thiết kế sliding tags cho web với CSS3

Hôm nay mình sẽ chia sẻ cho các bạn thêm một mẫu tabs với hiệu ứng slide, mẫu tabs này được thiết kế đơn giản và hoàn toàn phù hợp với phong cách thiết kế hiện nay. Thông qua mẫu tab này, các bạn có thể thêm sức sáng tạo cũng như học thêm được nhiều thuộc tính có trong CSS3. Xem Demo | ...

Hoàng Hải Đăng viết 20:07 ngày 04/10/2018

Trình diễn sản phẩm ấn tượng với CSS3 và Impress.js

Bạn đang cần một hiệu ứng giới thiệu sản phẩm ấn tượng với khách hàng ? Hay đơn giản là bạn cần chỉnh sửa lại giao diện web nhằm thu hút người dùng và tăng doanh số bán hàng của mình. Nếu các bạn vẫn chưa tìm ra giải pháp cho riêng mình, thì thử dùng hiệu ứng trình diễn sản phẩm mà mình giới thiệu ...

Tạ Quốc Bảo viết 20:07 ngày 04/10/2018

Học jQuery CSS3 qua hiệu ứng Lighbox Gallery

Theo mình thì cách học CSS3 và jQuery tốt nhất là cứ thực hành và tự tay làm thật nhiều , từ những hiệu ứng đơn giản nhất. Nhằm minh chứng cho câu nói của mình, các bạn thử tự tay làm theo các bước trong hiệu ứng Lightbox Gallery mà mình giới thiệu cho các bạn sau đây. Trong bài viết này, các bạn ...

Bùi Văn Nam viết 20:07 ngày 04/10/2018

Hiệu ứng chuyển trang (Page Transitions) cực sexy với CSS3

Vài năm gần đây, chúng ta thấy có rất nhiều mẫu thiết kế web với phong cách single page, tức là các trang sẽ được hiển thị trên cùng một trang, không hề chuyển sang trang mới cùng với hiệu ứng chuyển trang rất ấn tượng. Và hầu như là tất cả những trang này đều dùng JavaScript để tạo hiệu ứng. Hôm ...

Trịnh Tiến Mạnh viết 20:07 ngày 04/10/2018

Mega Site Navigation với CSS3 và jQuery

Nếu các bạn đang nhận một dự án web với số lượng menu khủng thì các bạn sẽ giải quyết như thế nào ? Mọi chuyện sẽ trở nên đơn giản và dễ dàng hơn nếu các bạn sử dụng đoạn code mà mình chia sẻ cho các bạn ngày hôm nay. Xem Demo | Download HTML Chúng ta tạo khung chuẩn html với 4 phần ...

Trịnh Tiến Mạnh viết 20:07 ngày 04/10/2018

Tạo Registration Form đơn giản với jQuery và CSS3

Nếu các bạn cần làm trang đăng ký thành viên cho website hay blog của mình, thì hôm nay mình xin chia sẻ cho các bạn một mẫu form đơn giản nhưng có đầy đủ chức năng cần thiết cho việc tạo thành viên. Mẫu form này sử dụng plugin progression.js , các bạn có thể donwload plugin này ở phần demo hoặc ...

Hoàng Hải Đăng viết 20:06 ngày 04/10/2018

Hiệu ứng menu xoay vòng kiểu 3D với CSS3 và jQuery

Để tạo ấn tượng cho khách hàng cũng như gây thu hút người dùng, thì ngoài việc viết tốt nội dung trên trang web hoặc blog, thì các bạn cũng nên có những hiệu ứng ” độc và lạ “. Hôm nay, trong bài viết này, mính sẽ chia sẻ cho các bạn một mẫu menu với hiệu ứng 3D cực đẹp và chuyên ...

Tạ Quốc Bảo viết 20:06 ngày 04/10/2018

Hiệu ứng Accordian Slider hình ảnh với CSS3

Nếu các bạn muốn trở thành font-end developer, thì các bạn cần phải nắm rõ css3 cũng như sử dụng tốt những hiệu ứng mà nó mang lại. Hôm nay mình tiếp tục mang đến cho các bạn một hiệu ứng slide hình ảnh mà có lẽ các bạn đã quá quen thuộc khi tạo nó bằng javascript. Nhưng trong bài viết này, chúng ...

Trịnh Tiến Mạnh viết 20:06 ngày 04/10/2018

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

Hôm nay mình 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 ...

Trần Trung Dũng viết 20:06 ngày 04/10/2018

Tạo hiệu ứng Fixed Background bằng CSS3

Hôm nay mình sẽ giới thiệu cho các bạn một mẫu background dùng khi thiết kế web bằng cách tận dụng thuộc tính background-attachment để tạo hiệu ứng fixed background. Còn hiệu ứng fixed background là gì ? Thì các bạn xem demo ở phía dưới là sẽ hiểu. Xem Demo | Download HTML Cấu ...

Tạ Quốc Bảo viết 20:06 ngày 04/10/2018
<< < .. 2 3 4 5 6 7 8 .. > >>