Làm đẹp Select Box (Dropdown Lists) Với 2 màu đen, trắng bằng CSS
Để có thể thiết kế web đẹp, ngoài việc sử dụng những mẫu có sẵn, thì đôi lúc chúng ta cũng cần phải tự tay tùy biến những phần tử html đẹp hơn so với hình ảnh mặc định của nó. Trong bài viết này, mình sẽ chia sẻ cho các bạn 2 định dạng css cho các phần tử select box với 2 màu đen trắng, đơn giản ...
Animated Download Button Với CSS3
Chào các bạn, hôm nay mình sẽ chia sẻ cho các bạn một button cực kỳ thú vị với những hiệu ứng mà có lẽ các bạn có thể không bao giờ nghĩ là nó lại được làm chỉ bằng CSS3. Button của chúng ta sẽ sử dụng những thuộc tính như border-radius, box-shadow, linear-gradients, z-index và transitions. ...
Tạo hiệu ứng Fade-in, Fade-out trên chữ với CSS3 Animation
Chào các bạn, hôm nay mình sẽ chỉ cho các bạn cách làm một hiệu ứng fade in và fade out trên chữ với CSS3 Animation. Hiệu ứng này rất đơn giản và dễ thực hiện, chỉ với việc dùng @keyframe cho 7 kí tự với thời gian khác nhau. Qua bài viết này, chắc chắn các bạn sẽ có thêm kinh nghiệm trong ...
Tạo menu theo phong cách thiết kế phẳng (Flat) bằng CSS3
Chắc hẳn các bạn đã đọc qua bài viết 20 mẫu themes Flat design tuyệt vời nhất dành cho WordPress dành riêng cho những bạn đang dùng WordPress. Thì mình đoán là cũng sẽ có nhiều bạn muốn tự tay thiết kế riêng cho mình những giao diện Flat của riêng mình. Với bài viết này,mình sẽ mang đến cho các ...
10 thủ thuật css cần phải biết cho người bắt đầu
Nếu bạn mới bắt đầu tìm hiểu về thiết kế web, thì việc nắm vững CSS là một trong những điều mà bạn cần phải làm. Học CSS không khó, nhưng học như thế nào để có hiệu quả và không tốn quá nhiều thời gian thì không phải dễ chút nào. Nhất là khi có hàng trăm thuộc tính cũng như kỹ thuật mà bạn cần phải ...
Ấn tượng với Pricing Table làm từ CSS3
Pricing Table thường được dùng để giới thiệu những gói dịch vụ mà trong các trang web chuyên về hosting hay sử dụng. Hôm nay mình xin chia sẻ cho các bạn một mẫu pricing table rất đẹp và được làm bằng CSS3 gadient cùng với những thuộc tính khác như box-shadow và transform(scale). Xem Demo ...
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 ...
