Tạo trái tim động với CSS3
Mặc dù ngày lễ tình nhân đã qua cách đây vài ngày, nhưng dư âm của nó thì vẫn còn đọng lại rất nhiều nơi các bạn trẻ đang iu. Hôm nay, mình sẽ chia sẻ cho các bạn đang iu cách làm một trai tim động bằng CSS3, các bạn có thể gửi những tin nhắn iu thương cùng với trái tim trong bài viết này để gửi ...
Tạo hiệu ứng CSS3 dropdown menu cực pro
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. Xem Demo | Download HTML Đầu tiên luôn luôn là xây dựng một khung html chuẩn cho menu <div ...
Tạo hiệu ứng logo động cực hấp dẫn với CSS3
Hôm nay mình tiếp tục mang đến cho các bạn một hiệu ứng động được làm từ CSS3, hiệu ứng này đơn giản thôi, nhưng chắc chắn một điều là các bạn sẽ có thể học và hiểu rất nhiều từ việc tạo những hiệu ứng động từ CSS3. Xem Demo | Download HTML Trước hết, chúng ta sẽ cần khung chuẩn ...
Thú vị với Animated CSS3 Buttons
Ngành công nghiệp thiết kế có lẽ là một trong những ngành phát triển nhanh nhất hiện nay. Những mẫu website mới và sáng tạo được tạo ra mỗi ngày, cùng với sự hỗ trợ không giới hạn của CSS3, mà giờ đây chúng ta đã có thể tạo ra những mẫu thiết kế đẹp và hấp dẫn hơn rất nhiều. Hôm nay mình xin chia ...
Responisve Checkbox Toggle Với CSS3
Năm mới tết đến mình chẳng có gì tặng các bạn ngoài việc tìm kiếm những bài viết cũng như những thủ thuật giúp các bạn có thể tự học và nâng cao khả năng thiết kế web của chính mình. Trong bài viết này, mình sẽ giới thiệu cho các bạn một vài hiệu ứng tuyệt đẹp dành cho checkbox với CSS3. Xem ...
Hiệu ứng jQuery Carousel Slider với CSS3 Transitions
Hôm nay mình sẽ giới thiệu cho các bạn một plugin nhỏ gọn giúp tạo hiệu ứng slider cho trang web. Với plugin này,cùng với sự hỗ trợ của CSS3 transitions trong việc tạo hiệu ứng , các bạn sẽ có ngay một slider đẹp cho chính trang web hay blog của mình. Xem Demo | Download HTML Đầu ...
Thiết kế login form với HTML5 và 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. Xem Demo | Download HTML Đầu tiên, các bạn copy khung chuẩn html ...
Ấn tượng với mẫu Modal Popup làm bằng CSS
Modal Popup là một trong những chức năng thường xuất hiện trên trang web, trước đây , để tạo hiệu ứng popup loại này , chúng ta thường sử dụng javascript. Tuy nhiên, với sự phát triển của CSS thì giờ đây, các bạn có thể tạo những popup này mà không cần phải sử dụng bất kì đoạn script nào. ...
Tạo button input combo cực lạ với CSS và jQuery
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é. Xem Demo | Download HTML Đầu ...
Thiết kế logo Dribbble bằng CSS3 & HTML
Logo Dribbble cũng là một trong những logo thường được tích hợp vào trong các mẫu thiết kế web, nếu bạn không muốn sử dụng hình ảnh của logo này, thì có thể dùng html và css3 để dựng hình lên logo này. Trong bài viết này, mình sẽ chia sẻ cho các bạn cách thiết kế logo Dribbble với chỉ bằng CSS3 ...
Fotopersbureau LDB Prod Logo với thiết kế bằng CSS3
Tiếp tục bổ sung vào những mẫu css3 logo , hôm nay chúng ta sẽ thiết kế một logo với độ khó tương đối dễ dàng, và cũng chỉ là dựa vào những tính năng quen thuộc của CSS3 là background gradient và thuộc tính transform. Xem Demo | Download HTML <div id="fpldbp"> ...
Google Doodle animation bằng CSS3
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ử ...
Tạo Image Content Slider với chỉ CSS3
Image Content Slider là một chức năng trình diễn ảnh, rất thích hợp cho việc tạo các trang web Gallery vốn dĩ hiển thị hình ảnh nhiều. Có rất nhiều plugin cũng như đoạn code giúp chúng ta tạo chức năng này. Nhưng trong bài viết ngày hôm nay, mình và các bạn sẽ chỉ cần dùng CSS3 để tạo chức năng ...
Ấn tượng với mẫu skewed menu thiết kế bằng 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 ...
CSS3 Logo : Khéo léo với logo Magento
Nếu các bạn đã từng xây dựng trang bán hàng thương mại điện tử bằng Magento, thì ắt hẳn là đã quá quen thuộc với logo của hãng này. Hôm nay, qua bài viết này, mình sẽ chia sẻ cho các bạn cách thiết kế logo này để ứng dụng vào trong các trang bán hàng của mình, mà không cần phải dùng bất kì một hình ...
Tạo cây gia phả (Family Tree ) bằng CSS3
Chào tất cả các bạn, hôm nay chúng ta tiếp tục tìm hiểu sâu hơn về CSS3 bằng cách làm một ví dụ đơn giản về cây gia phả (Family Tree). Với chỉ các phần tử danh sách (list) chúng ta sẽ kết nối lại với nhau dựa trên các phần tử Pseudo cùng với hiệu ứng hover tuyệt đẹp. Mình bảo đảm với các bạn, bài ...
Sexy CSS3 menu
Một trong những phần quan trọng nhất trong trang web đó chính là menu navigation. Việc có một menu đẹp và ấn tượng với khách viếng thăm trang web của các bạn, sẽ giúp tăng lượng truy cập cũng như khả năng quay lại trang web rất cao. Xem demo | Download Hôm nay, trong bài viết này, mình ...
Tạo hiệu ứng Hover bằng CSS3 đơn giản với Hover.css
Hover.css là một tập hợp những hiệu ứng hover bằng CSS3 được viết sẵn, và bạn có thể dễ dàng áp dụng cho những phần tử trong website như hình ảnh, nút bấm, chữ, logo… Chỉ với việc chèn vào các class tương ứng. Xem Demo | Download Có tất cả 40 hiệu ứng để cho các bạn lựa chọn , ...
Cách sử dụng CSS3 Border Radius cho IE8 trở xuống
Như các bạn đã biết, CSS3 cho chúng ta khả năng tạo bo góc với thuộc tính border-radius . Nhưng thuộc tính này lại không được hỗ trợ từ các phiên bản IE8 trở về trước. Vì thế mà khi chúng ta áp dụng thuộc tính CSS3 Border Radius cho một phần tử HTML thì vẫn không có xuất hiện bo góc cho phần tử ...
Icon Hover Effects với CSS3
CSS3 luôn luôn mang lại những cảm hứng và điều bất ngờ cho những ai lần đầu sử dụng nó. Hôm nay, mình tiếp tục chia sẻ cho các bạn một bộ sưu tập những hiệu ứng tuyệt đẹp dành cho các icon. Những hiệu ứng này rất thích hợp cho các trang được thiết kế theo dạng phẳng (flat design). Xem Demo | ...
