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 | ...
Tạo HTML5 Logo với CSS3
Nếu các bạn đang tìm hiểu về các cách khai báo phần tử :before và :after, hoặc các thuộc tính CSS3 opacity và transform , CSS borders để vẽ các hình dạng nhất định thì bài viết mà mình giới thiệu hôm nay sẽ giúp các bạn hiểu rõ hơn về những thuộc tính này. Trong bài viết này, chúng ta sẽ vẽ ...
6 hiệu ứng chữ đẹp mắt với CSS3
Trong bài viết ngày hôm nay, mình 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. Tuy nhiên, để có thể nhìn hết những hiệu ứng này một cách tốt nhất, các bạn nên sử dụng các trình duyệt Webkit, Chrome ...
CSS3 Shapes : Tổng hợp những hình dạng được làm từ CSS3
Hôm nay mình sẽ chia sẻ cho các bạn những đoạn css giúp các bạn tạo nên những hình vuông, hình tròn, hình tam giác… và qua bài viết này, chắc chắn một điều là các bạn sẽ nâng cao kinh nghiệm cũng như trình độ về CSS3 của bạn nên đáng kể. Square #square { awidth: 140px; ...
