Thiết kế Logo Windows với chỉ HTML và CSS3
Sáng tạo là điều không thể thiếu khi thiết kế web hay làm về các lĩnh vực đồ họa. Nhằm mang lại cho các bạn thêm sức sáng tạo khi sử dụng các thuộc tính mà CSS3 mang lại. Hôm nay chúng ta sẽ tiếp tục thiết kế logo bằng CSS3, và lần này là logo Windows. Đây là kết quả mà chúng ta sẽ có được khi ...
CSS3 Logo : Tập tành với logo ABN AMRO
Nếu các bạn đang muốn tìm kiếm một mẫu logo đơn giản để tự thiết kế bằng CSS3, thì có lẽ logo của hãng ABN AMRO sẽ rất phù hợp cho các bạn. Chỉ việc sử dụng background gradient và thuộc tính transform có trong CSS3, các bạn có thể thiết kế logo này chỉ trong vài nốt nhạc. Xem Demo | ...
Dùng CSS3 tạo logo McDonalds cực kỳ đơn giản
McDonalds đang là một cái tên hot nhất hiện nay, với việc cho ra đời các cửa hiệu ở Việt Nam, thì thương hiệu này đang ngày càng được giới trẻ ưa chuộng. Với sự ăn theo thương hiệu này, hôm nay mình xin chia sẻ cho các bạn tiếp cách dùng CSS để thiết kế logo của hãng McDonalds này. Xem Demo ...
Thủ thuật canh giữa mọi đối tượng với css
Một trong những việc khiến bạn cảm thấy khó khăn nhất đó là canh giữa trong css. Thông thường chúng ta thường sử dụng margin:0 auto; để canh giữa chiều ngang cho đối tượng sử dụng, tuy nhiên nếu để canh giữa theo chiều dọc cho đối tượng đó nữa thì lại không được. Có rất nhiều cách cũng như ...
Khâm phục với logo BP được làm từ CSS3 và HTML
Cùng một loạt các bài viết về CSS3 Logo , hôm nay mình tiếp tục mang đến cho các bạn một logo được thiết kế hết sức phức tạp và có lẽ là khó thực hiện nhất từ trước đến nay. Từ màu sắc được pha trộn cầu kỳ, cũng như những cánh hoa được làm hết sức tỉ mỉ. Đây là logo mà chúng ta sẽ học để thiết ...
Từng bước tạo RSS Feed Logo bằng CSS3
Rss feed logo là một trong những logo được dùng nhiều nhất trên trang web. Và ắt hẳn là bạn cũng từng xem qua rất nhiều những hướng dẫn làm các logo này bằng Photoshop hay các phần mềm tạo ảnh khác. Nhưng có bao giờ bạn nghĩ sẽ tạo bằng CSS3 chưa ? Xem Demo | Download Thực ra chỉ với ...
Thiết kế Logo Twitter bằng CSS3 ? Tại sao không ?
Twitter là một trong những mạng xã hội phổ biến nhất hiện nay, mặc dù ở Việt Nam thì số lượng người dùng mạng xã hội này không bằng so với Facebook. Hôm nay mình sẽ chia sẻ cho các bạn cách thiết kế biểu tượng của mạng xã hội này bằng CSS3. Logo Twitter sẽ khó hơn so với những bài viết trước đây ...
Thủ thuật css : Cách chỉ định riêng CSS cho Internet Explorer
Thật tình mà nói, mình rất ngán ngẩm khi phải sửa lỗi hiển thị web trên các trình duyệt IE, đặc biệt là trên các phiên bản IE cũ như IE6,IE7. Nhưng nói gì thì nói, khách hàng làm web vẫn còn rất nhiều người sử dụng IE như là trình duyệt mặc định của họ, vì thế chúng ta cần phải thiết kế sao cho phù ...
Tạo hiệu ứng bóng đổ khác nhau với CSS3 Box Shadows
Hiệu ứng bóng đổ là một trong những tính năng hay mà CSS3 mang lại cho chúng ta, hôm nay mình sẽ chia sẻ cho các bạn nhiều cách tạo ra các hiệu ứng bóng đổ khác nhau, giúp các bạn có nhiều lựa chọn hơn cho website của mình. Xem Demo | Download Trước hết chúng ta cùng tìm hiểu xem hiện ...
Cách tạo Corner Ribbons bằng CSS
Corner ribbons thường được dùng rất nhiều cho các trang bán hàng, nó giúp người dùng chú ý đến những sản phẩm hơn. Trước đây, chúng ta thường sử dụng hình ảnh để làm các ribbons, nhưng giờ đây, chúng ta đã có thể dùng CSS để tạo bất kì một Corner ribbons nào. Các bạn có thể xem hình ảnh hoặc demo ...
Tự tay tạo logo Gmail với CSS3
Trước đây mình đã giới thiệu tới các bạn bài viết Từng bước tạo RSS Feed Logo bằng CSS3 , hôm nay chúng ta lại tiếp tục tạo logo Gmail bằng CSS3 với chỉ vài bước đơn giản. Qua bài viết này, các bạn sẽ có thêm kiến thức cũng như kinh nghiệm sử dụng CSS3. Xem Demo | Download Bước 1 : ...
Tùy chỉnh giao diện Checkboxes và Radio Buttons với CSS3
Với CSS3 các bạn có thể tùy biến giao diện thành bất kỳ thứ gì mà bạn muốn. Trong bài viết này, mình sẽ chia sẻ cho các bạn cách tùy chỉnh giao diện hiển thị của checkbox và radio input. HTML Markup Đầu tiên , chúng ta sẽ cần bộ khung html như sau : Radio input <div ...
Tạo Marquee nâng cao với CSS3 Animation
Thông thường hiệu ứng Marquee mang lại cho chúng ta cảm giác khá nhàm chán, với dòng chữ chạy từ phải sang trái hoặc ngược lại. Còn nữa , khi chạy thường thì rất khó đọc chữ mà còn hay bị giật. Hôm nay mình sẽ chia sẻ với các bạn cách nâng cao cho hiệu ứng marquee vốn dĩ nhàm chán này trở nên ...
Tìm hiểu sơ lược về lựa chọn CSS3:First-Of-Type
Một trong những điều làm mình thích nhất về CSS3 đó là thêm tính năng lựa chọn (selector), cho phép chúng ta chỉ định ngay phần tử mong muốn mà không cần phải phụ thuộc vào các class hay id. Và hôm nay chúng ta sẽ tìm hiểu sơ lược về lựa chọn :first-of-type . Với lựa chọn :first-of-type , ...
Tạo chức năng mở rộng Form tìm kiếm với CSS
Trên màn hình hiển thị trên các thiết bị di động như mobile, thì mỗi một pixel là một khoảng trống đáng quý để bạn hiển thị thông tin website của mình cho khách viếng thăm. Do đó việc rút gọn được cái gì sẽ giúp bạn giảm thiểu tối đa diện tích. Bài viết mà mình chia sẻ với các bạn trong ngày hôm ...
Thiết kế các thẻ tags ấn tượng bằng CSS3
Tags là một tính năng rất thân thuộc với các website, đặc biệt là với các trang blogs. Chính vì thế mà mình quyết định chia sẻ cho các bạn cách thiết kế từng bước cho các thẻ tags. Qua bài viết này , các bạn có thể tạo riêng cho website hay blog của mình với những thẻ tags đầy ấn tượng chỉ bằng ...
Tạo nút download với hiệu ứng động bằng CSS3
Hôm trước mình đã giới thiệu tới các bạn bài viết Từng bước tạo nút bấm động với CSS3 , và nối tiếp những phần cơ bản về hiệu ứng động trong CSS3 . Mình sẽ tiếp tục chia sẻ với các bạn cách tạo nút bấm động với hiệu ứng cũng cực cool , và lần này là dùng cho nút download, vốn dĩ được sử dụng rất ...
Từng bước tạo nút bấm động với CSS3
Tạo ra các hiệu ứng động là một bước cải tiến rất lớn mà CSS3 mang lại cho chúng ta, nếu nắm vững, thì chúng ta hoàn toàn có thể làm những hiệu ứng đẹp cho các website hay blog của mình. Hôm nay mình sẽ chia sẻ với các bạn cách tạo hiệu ứng động cho các nút nhấn. Qua bài viết này, các bạn sẽ nắm ...
5 mẫu CSS về liệt kê danh sách (List Styles) bạn nên tham khảo
Hầu hết trong các mẫu thiết kế web, chúng ta thường xuyên phải sử dụng danh sách (list) để liệt kê nội dung. Hôm nay mình sẽ chia sẻ với các bạn 5 cách định dạng css khác nhau , từ các danh sách đơn giản, đến các danh sách có hình ảnh thumnails, số thứ tự…Bài viết này sẽ rất hữu ích cho ...
Tạo ảnh phản chiếu (Image Reflection) với CSS3
Trong các bài viết trước, chúng ta đã nói rất nhiều về những thuộc tính mới mà CSS3 mang lại. Tuy nhiên, cũng có một vài thuộc tính mà chúng ta vẫn chưa tìm hiểu mặc dù nó cũng rất thú vị. Một trong số đó là thuộc tính box-reflect , với chức năng chính là tạo ảnh phản chiếu cho một đối tượng. ...
