Tạo hiệu ứng loading theo phong cách Facebook bằng CSS3
Chắc hẳn bạn đã quá quen thuộc với hiệu ứng loading trên Facebook mỗi khi chúng ta upload hình ảnh, chia sẽ link, video… cho bạn bè và người thân của mình. Trong bài viết này, chúng ta sẽ tạo ra hiệu ứng loading giống như thế, mà không cần phải dùng bất kì file ảnh nào, tất cả đều được tạo ...
Tạo Dropdown Menu đơn giản mà đẹp mắt với CSS3 Transitions
Với sự hỗ trợ của CSS3, thỉnh thoảng chúng ta sẽ không cần đến sự hỗ trợ từ jQuery hay bất kỳ đoạn script nào để tạo hiệu ứng. Như trong bài viết này, mình sẽ chia sẻ cho các bạn một cách tạo drop down menu đơn giản nhưng hiệu ứng thì không thua kém bất kì một đoạn script tạo hiệu ứng nào. ...
Tạo biểu tượng (icons) theo phong cách IOS7 với CSS3
Nếu các bạn đang dùng iPhone hay iPad và đã cập nhật phiên bản IOS 7, chắc hẳn là đã quen thuộc với kiểu thiết kế đẹp và lạ mắt của các biểu tượng (icons) trên màn hình. Kiểu thiết kế này được gọi là Squircles, nó là sự kết hợp giữa hình vuông và hình tròn. Nếu các bạn cũng muốn áp dụng kiểu ...
Colorful Shiny CSS3 Buttons
Hôm nay mình sẽ giới thiệu cho các bạn một loạt các button nhiều mắc sắc và có hiệu ứng cực kỳ cool với chỉ bằng CSS3. Với các buttons này, các bạn có thể áp dụng vào cho chính các mẫu thiết kế web của mình. Có một điều mình nhắc nhở các bạn là các button này xem tốt nhất trên các phiên bản trình ...
Hiệu ứng loading theo kiểu Windows phone với CSS3
Nếu các bạn đã cảm thấy chán với các kiểu hiệu ứng loading cho trang web được làm từ các ảnh với đuôi .gif. Hoặc không còn thích dùng cách mà mình đã giới thiệu là Tạo hiệu ứng loading theo phong cách Facebook bằng CSS3 . Thì hôm nay, trong bài viết này, mình sẽ tiếp tục chia sẻ cho các bạn một ...
Ấn tượng với cách tạo hình từ thuộc tính CSS border
Có lẽ có rất nhiều bạn chỉ sử dụng CSS border dùng để tạo các đường viền cho các đối tượng. Tuy nhiên, ngoài việc tạo đường viền ra, thì chúng ta còn có thể tận dụng css border cho việc tạo các hình thù khác nhau, như hình tam giác, hình vuông, hình mũi tên… Nếu các bạn còn chưa tin, ...
Ấn tượng với hiệu ứng hover ảnh bằng CSS3 hoặc jQuery
Thông thường, để xây dựng ứng dụng ảnh gallery trên website , chúng ta thường áp dụng cách cơ bản là tạo những ảnh thumnail nhỏ. Và khi click vào chúng, thì sẽ xuất hiện những ảnh lớn hơn dưới dạng pop up (sử dụng những scirpt như Fancybox). Sẽ là một ý tưởng hay hơn nếu chúng ta áp dụng thêm hiệu ...
Tập thiết kế logo bằng CSS3 với logo CBS
Chào tất cả các bạn, tối nay mình sẽ tiếp tục giới thiệu cho các bạn một mẫu logo làm bằng CSS3. Có lẽ các bạn sẽ thắc mắc vì sao mình lại post quá nhiều bài viết về logo, thực ra cũng dễ hiểu thôi, bởi vì theo mình, cách học tốt nhất là thực hành. Càng thực hành , càng làm nhiều, thì các bạn mới ...
Ấn tượng với CSS3 Navigation cùng hiệu ứng Transitions
Chào các bạn, trước đây mình đã từng giới thiệu rất nhiều về cách tạo menu cho trang web, nhưng cách tạo menu mà mình giới thiệu trong bài viết này cùng với hiệu ứng Transitions sẽ mang lại cho các bạn một cái nhìn hoàn toàn mới mẻ và mình chắc chắn là các bạn sẽ ấn tượng với hiệu ứng mà nó mang ...
Tạo thanh đo lường đẹp mắt với CSS3 Animation
Chào các bạn, hôm nay mình sẽ tiếp tục chia sẻ cho các bạn thêm một hiệu ứng được làm từ CSS3 Animation nữa. Với hiệu ứng này, các bạn có thể áp dụng cho các thiết kế trang giới thiệu ,hoặc những trang porfolio đầy ấn tượng cho cá nhân của mình. Ngoài ra nếu muốn , các bạn cũng có thể áp dụng cho ...
Tổng hợp hiệu ứng đẹp cho nút chia sẻ mạng xã hội bằng CSS3
Việc tích hợp những nút chia sẻ bài viết thông qua mạng xã hội là một trong những điều cần phải có cho một website. Có rất nhiều bài viết cũng như thủ thuật giúp các bạn làm điều này, và hôm nay mình xin chia sẻ cho các bạn một cách nữa. Với nút chia sẻ này, các bạn sẽ có rất nhiều hiệu ứng cực kỳ ...
Đẹp không tưởng với logo Pepsi được thiết kế bằng CSS3
Pepsi là loại thức uống có gas mà mình thất nhất, đặc biệt là khi ăn xong ổ bánh mì kẹp thịt rồi uống một lon pepsi thì không còn gì bằng ^^. Nói thế không có nghĩa là hôm nay mình chia sẻ cho các bạn món ăn ưa thích của mình, mà hôm nay, các bạn sẽ học được cách thiết kế logo của hãng nước ngọt ...
Tạo Tooltips cực kỳ Sexy với chỉ CSS
Tooltips thực sự rất hữu ích cho một website, nó vừa giúp chúng ta tiết kiệm không gian web, vừa giúp chúng ta mô tả ngắn gọn về một sản phẩm, thuật ngữ, hay bất kì thứ gì cần giải thích nghĩa. Nếu các bạn đã từng xem qua các bài viết khác của mình như : – Hiệu ứng tooltips cực đỉnh với CSS3. ...
Ấn tượng với hiệu ứng chữ Neon làm bằng jQuery & CSS
Những ánh đèn neon luôn luôn gây thu hút sự chú ý của mọi người,và đó cũng chính là lý do mà các cửa hàng nhỏ luôn luôn có những bảng hiệu làm bằng đèn neon với nhiều màu sắc để kéo khách vào tiệm của mình. Thế các bạn có muốn tạo những lời mời chào bằng đèn neon nhằm thu hút khách viếng thăm blog ...
Thiết Kế Logo Adobe Với CSS3
Nếu các bạn là fan của hãng phần mềm nổi tiếng thế giới Adobe thì chắc hẳn là quá quen thuộc với 2 phần mềm tạo ảnh Photoshop và Illustrator. Và với 2 phần mềm này, chúng ta có thể thiết kế nhiều mẫu logo tuyệt đẹp. Nhưng hôm nay , chúng ta sẽ không thiết kế logo bằng những phần mềm này, mà chỉ làm ...
CSS3 Logo : Mactutorial
Hôm nay chúng ta sẽ thiết kế logo mặt cười của hãng Apple, với logo này , các bạn sẽ học thêm được một cách định dang css cho những mẫu logo khác. Nhìn thì có thể rất phức tạp Nhưng thật ra nó rất đơn giản và dễ thực hiện. Xem Demo | Download HTML Sau đây là đoạn html giúp chúng ...
7 mẫu Checkbox đẹp với chỉ CSS
Checkboxes là một phần tử HTML mà hầu như hiện diện trên nhiều website, nhưng hầu như rất ít người thay đổi hình dạng mặc định của nó. Vậy tại sao chúng ta không làm khác đi ? Vì như thế sẽ làm những mẫu thiết kế của chúng ta khác lạ và đẹp hơn so với mọi người. Xem Demo | Download ...
Logo Nike đẹp ấn tượng được làm từ CSS3
Nhằm tiếp tục mang đến cho các bạn những mẫu logo được làm từ CSS3, hôm nay mình xin chia sẻ cho các bạn thêm một mẫu logo mới. Đó là logo của hãng Nike, với kiểu thiết kế này, các bạn có thể có thêm kinh nghiệm trong việc sử dụng thuộc tính CSS3 transform. Sau đây là logo mà chúng ta sẽ có được ...
Tạo nút bấm với các Pseudo-elements trong CSS
CSS pseudo-elements là những thành phần được sử dụng nhiều nhất trong các câu lệnh css.Việc nắm vững những thành phần này không những giúp bạn tạo được những mẫu thiết kế như ý mà còn có thể tô điểm , sáng tạo thêm những điều không tưởng khác. Trong bài viết này, mình và các bạn sẽ cùng tìm ...
Tự tay thiết kế logo Adidas bằng CSS3
Có lẽ sẽ có nhiều bạn sẽ không tin vào tiêu đề bài viết này, bởi vì từ trước đến nay, việc thiết kế logo chỉ có thể thực hiện trên những phần mềm tạo ảnh chuyên nghiệp như Photoshop hay illustrator … Hôm nay, mình sẽ giúp các bạn thêm một cách tạo logo không kém phần chuyên nghiệp với chỉ ...
