Hướng dẫn tạo Photo Gallery cực pro bằng CSS3
Bạn cần quản lý hình ảnh trong website của bạn ? Bạn bối rối khi chưa rành về Flash hay javacript ? Đừng quá lo lắng về điều đó, vì hôm nay mình sẽ giúp các bạn tạo ứng dụng Photo Gallery cho web của bạn chỉ với CSS. Các bạn có thể xem demo bài viết tại đây. Bước 1 : HTML Đây là code ...
Tạo hiệu ứng Flip 3D với CSS3
Để có thể hiểu và sử dụng thành thạo CSS3 không phải là có thể trong ngày một ngày hai, ngoài việc chịu khó tìm hiểu những thuộc tính mà nó mang lại, chúng ta cần phải làm đi làm lại thật nhiều các ví dụ về các hiệu ứng mà CSS3 hỗ trợ cho chúng ta. Nhằm mang lại cho các bạn có thêm nhiều ví dụ để ...
Từng bước tạo Hiệu Ứng Bóng Nẩy Với CSS3
Chào các bạn, hôm nay chúng ta sẽ cùng nhau tìm hiểu thêm về CSS3 Gradient và Animation nhé. Trong bài viết này, mình sẽ chia sẻ cho các bạn từng bước tạo hiệu ứng bóng nẩy , đây chỉ là hiệu ứng đơn giản, tuy nhiên nó sẽ giúp các bạn có thêm kinh nghiệm sử dụng cũng như khả năng nắm vững CSS3. ...
Tạo hiệu ứng chữ 3D, chữ tỏa sáng bằng CSS3
Trước đây khi cần phải tạo hiệu ứng 3D cũng như tỏa sáng thì chúng ta cần phải dùng các phần mềm tạo ảnh chuyên nghiệp như Photoshop. Nhưng giờ đây với sự hỗ trợ của CSS3 , chúng ta đã có thể tạo ra các hiệu ứng chữ tuyệt đẹp mà không cần phải dùng đến bất kì phần mềm nào. Để minh chứng cho việc ...
Tạo menu slideout bằng CSS3
Đây là menu rất hay mà mình muốn chia sẻ với các bạn, menu này chạy tốt trên các trình duyệt như Firefox, Chrome, Safary, và Opera, Nhưng với trình duyệt IE thì không hoạt động (thuộc tính transitions không được hỗ trợ) . Tuy nhiên mình có hack một chút để có thể chạy được trên IE nhưng có điều ...
Cách thay đổi màu mặc định khi bôi đen chữ bằng CSS3
Mặc định khi chúng ta tiến hành bôi đen một đoạn chữ, thường thì nó có màu nền xanh và chữ màu trắng. Tuy nhiên rất ai ít biết được rằng, chúng ta hoàn toàn có thể thay đổi những màu mặc định này với chỉ vài đoạn css. Xem Demo Và đây là đoạn css giúp chúng ta làm được điều này : ...
Cách làm button chuyển động bằng CSS3
Trước đây để tạo ra các hiệu ứng button chuyển động , bạn phải vẽ các button trong photoshop, rồi sau đó chuyển sang flash để làm nó có thể chuyển động. Nhưng giờ đây bạn không cần phải tốn quá nhiều thời gian để làm việc đó, tất cả chỉ vì sự xuất hiện của CSS3. Các bạn có thể xem demo bài ...
Cách tạo hình 6 góc cho ảnh với CSS3
Trước đây, để tạo các góc cạnh cho hình ảnh, chúng ta thường phải dùng đến những phần mềm tạo ảnh chuyên nghiệp như Photoshop ,để có thể cắt các góc của hình. Nhưng giờ thì mọi chuyện đã khắc hẳn, với sự hỗ trợ của CSS3 Transform và kỹ thuật Masking, chúng ta có thể tạo ngay những hình ảnh góc cạnh ...
Tạo Fisheye Menu bằng CSS3
Chắc hẳn là bạn đã không còn quá xa lạ với các menu dạng Fisheye, nhưng mình cá là bạn không biết là bạn có thể làm các menu như thế mà chỉ bằng CSS3 mà không cần bất cứ đoạn javacript hay jquery nào cả. Các bạn có thể xem demo Fisheye Menu tại đây. Để tạo ra menu này thì chúng ta có thể làm ...
Cách chèn biểu tượng (icons) tương ứng với từng link bằng CSS
Có rất nhiều người sử dụng Javascript để tự động chèn những biểu tượng (icon ) đến những link tương ứng của nó. Ví dụ như bạn tạo một link download đến một file PDF , Word, Excel.. thì những biểu tượng tương ứng với file đó sẽ nằm kế bên những đường link này. Để dễ hiểu các bạn có thể tham khảo ví ...
Tạo dropdown menu với hiệu ứng transtions bằng CSS3
Lại thêm một dropdown menu mà mình muốn giới thiệu với các bạn, menu này sẽ có hiệu ứng transitions (chuyển đổi background nền của menu từ nhạt sang đậm). Menu này hoạt động tốt trên các trình duyệt như FF, Chrome, Safary, nhưng rất tiếc là không hoạt động tốt trên IE. Các bạn có thể xem demo ...
Tạo hiệu ứng Hover tuyệt vời cho ảnh với Webkit và CSS3
WebKit là một khung ứng dụng nguồn mở cung cấp các thành phần cần thiết để xây dựng một trình duyệt web. Cùng với CSS3, cả hai đã góp phần tạo ra những hiệu ứng rất đẹp mắt mà trước đây chỉ có thể thực hiện bằng JavaScript hay JQuery. Trong bài viết này mình sẽ giới thiệu tới các bạn một ...
Tạo Menu theo phong cách Google Play với CSS3 và jQuery
Nếu bạn từng vào trang cửa hàng của Google Play , chắc hẳn là sẽ ấn tượng với menu từ trang web này. Nếu các bạn muốn áp đặt kiểu menu như thế vào trong web hay blog của mình, thì trong bài viết này, mình sẽ chia sẻ cho các bạn từng bước làm menu theo phong cách của trang Google Play với sự hỗ trợ ...
Tạo Dropdown Menu với menu đa cấp bằng CSS3
Ngày nay việc sử dụng menu thuần CSS đã trở nên rất phổ biến, hầu hết là cá menu dạng UL – LI. Hôm nay mình tiếp tục giới thiệu cho các bạn một menu đẹp nữa, đây là menu dạng dropdown đa cấp, các submenu sẽ xuất hiện khi bạn click chuột (onclick) chứ không phải khi trỏ chuột tới (onhover). Đây ...
Tạo ảnh di chuyển với CSS3 và Javacript
Từ việc CSS3 cho phép bạn sử dụng nhiều background cho một đối tượng, hôm nay mình xin giới thiệu với các bạn một thủ thuật sẽ giúp bạn di chuyển nhiều hình nền với một phần góp sức nho nhỏ của javacript. Rất đơn giản và dễ làm, và đây là demo bài viết. Để thực hiện trước hết chúng ta lần lượt ...
Tạo hiệu ứng button chuyển màu cực cool bằng CSS3
Việc hiểu biết CSS3 sẽ giúp ích rất nhiều cho các bạn tìm được việc làm ưng ý sau này. Vì thế hôm nay mình xin chia sẻ với các bạn một hiệu ứng đơn giản mà CSS3 mang lại cho chúng ta, qua bài viết này, các bạn sẽ có thể hiểu rõ hơn về cách sử dụng animation và @keyframes rule có trong CSS3. ...
Cách hack css cho tất cả các trình duyệt
Trong quá trình thiết kế web, điều làm đau đầu nhất đó là làm sao để trang web mà mình thiết kế có thể chạy tốt trên các trình duyệt. Nhất là khi khách hàng sử dụng những trình duyệt đã cũ như IE6 chẳng hạn. Tuy nhiên , với bài viết này, các bạn sẽ dễ dàng chỉnh sửa giao diện chạy tốt trên các ...
Tạo menu đa cấp dropdown cực cool bằng CSS3
Trong những năm gần đây, các menu web được tạo từ css đã trở nên ngày một phổ biến. Hầu hết bất cứ website nào cũng đều có menu chuyển hướng riêng, và hôm nay mình sẽ giới thiệu thêm cho các bạn một menu đa cấp dưới dạng dropdown với hiệu ứng cực cool được làm từ CSS3 sẽ giúp bạn có thêm sự lựa ...
Tạo Caption Image Cực Cool với CSS3
Caption Image là hiệu ứng mà khi chúng ta rê chuột vào hình, sẽ xuất hiện một đoạn chữ mô tả (do ta đặt từ trước) về tấm hình đó, đồng thời hình ảnh sẽ bị che mờ bởi một lớp bacground mỏng. Hôm nay mình sẽ cùng các bạn tạo ra các hiệu ứng này bằng CSS3 mà không cần phải dùng thêm JavaScript hay ...
Tạo web banner động với CSS3
Bằng cách cắt nhỏ riêng lẻ từng hình trong banner và sử dụng hiệu ứng animation có trong CSS3, các bạn có thể tạo ra các banner động mà không cần phải dùng đến Flash. Với cách làm này , các bạn có thể tạo ra các banner động chạy tốt trên các thiết bị không hỗ trợ Flash (như iphone, ipad chẳng ...
