Tạo mẫu flat checkbox animation với CSS3
Bỏ qua những kiểu check box lỗi thời, hãy dành thời gian chỉnh sửa lại các checkbox, nếu như trang web của các bạn đang dùng tới nó. Kiểu checkbox mà mình chia sẻ cho các bạn trong bài viết này được thực hiện hoàn toàn bằng CSS3, do đó rất dễ chỉnh sửa và rất nhẹ cho trang web hay blog sử dụng. ...
Weather Widgets : Mẫu dự báo thời tiết đơn giản bằng CSS3
Khi chúng ta lướt qua những trang dự báo thời tiết trên internet, hẳn là các bạn sẽ bắt gặp những icon cũng như thông tin dự báo thời tiết cho ngày hôm đó trên website được thiết kế thật sinh động và dễ gây chú ý. Hôm nay mình sẽ chia sẻ cho các bạn cách làm các mẫu này đơn giản với CSS3, và nếu ...
Cực ấn tượng với hiệu ứng loading màu sắc bằng CSS3
Việc để người dùng chờ đợi load trang là điều mà không một ai trong chúng ta mong muốn , và để có thể giảm bớt sự phiền toái này, các bạn có thể cho vào một hiệu ứng tải trang đầy sáng tạo và không giống ai. Trong bài viết này, mình xin chia sẻ cho các bạn một hiệu ứng loading đầy màu sắc và không ...
Tạo hiệu ứng quảng cáo với CSS3
Việc tạo những mẫu giảm giá hoặc các thông tin khuyến mại nhằm thu hút người dùng ngay từ các nhìn đầu tiên sẽ giúp cho doanh số bán hàng của khách hàng các bạn sẽ tăng lên rõ rệt. Hôm nay mình sẽ chia sẻ cho các bạn hiệu ứng chạy quảng cáo mà chúng ta thường thấy trên các trang web bán hàng. ...
Thêm mẫu logo Adidas ấn tượng với CSS3
Tranh thủ chút ít thời gian mình sẽ chia sẻ cho các bạn một đoạn css3 giúp các bạn tạo các hình thể và sắp đặt các hình này theo ý muốn. Cụ thể trong bài viết này là mẫu logo adidas chính hãng. Trước đây mình đã giới thiệu cho các bạn bài viết Tự tay thiết kế logo Adidas bằng CS S3 , và logo mà ...
Responsive contact form với HTML5 và CSS3
Chúng ta vừa có một kì nghĩ lễ dài bên gia đình và bạn bè, và cũng đã đến lúc chúng ta lại bắt đầu việc học cho tương lai của mình. Để các bạn đỡ “ngán” , mình sẽ chia sẻ cho các bạn một mẫu form liên hệ với khả năng hiển thị tốt trên các loại thiết bị khác nhau (responsive), và các ...
Click Effect : Tạo hiệu ứng click chuột với CSS3
Có đôi lúc chúng ta cũng cần phải tạo một vài hiệu ứng click chuột để tạo cảm giác “Pro” cho người dùng. Nếu các bạn không thích sử dụng flash hoặc các đoạn script tạo hiệu ứng, thì thử dùng hiệu ứng click mà mình chia sẻ cho các bạn trong bài viết này. Với hiệu ứng này, các bạn chỉ ...
Tổng hợp hiệu ứng chữ bóng đổ (text-shadow) bằng CSS3
Thuộc tính text-shadow thì rất dễ thực thi và nó được hỗ trợ hầu hết trên mọi trình duyệt hiện nay. Hôm nay mình sẽ chia sẻ cho các bạn các đoạn css giúp các bạn tạo hiệu chữ trên các trang web hay blog mà các bạn đang sở hữu. Các bạn có thể dựa vào những mẫu này để áp dụng và có thể sáng tạo theo ...
Tổng hợp những mẫu phân trang đẹp mắt bằng CSS3
Đã đến lúc các bạn nên thay đổi thiết kế phân trang cho trang web hoặc blog mà các bạn đang quản lý. Nếu các bạn gặp khó khăn trong việc lấy ý tưởng thì hãy thử tận dụng 6 mẫu mà mình giới thiệu cho các bạn trong bài viết này. Mình bảo đảm là các bạn sẽ học được rất nhiều từ các mẫu phân trang này. ...
Loading icon cực sáng tạo với HTML5 & CSS3
Hôm nay mình sẽ mang đến cho các bạn thêm một mẫu loading rất dễ làm với sự kết hợp hoàn hảo giữa html và CSS3. Qua bài viết này, các bạn sẽ hiểu được cách tạo các hiệu ứng động đơn giản bằng CSS3 và có thể áp dụng hiệu ứng này ngay cho website hay blog mà các bạn đang quản lý. Xem Demo | ...
Christmas Button – Mẫu button cho mùa giáng sinh
Thời gian trôi qua thật nhanh, quay qua quay lại cũng đã đến cuối năm, và dường như là chúng ta vẫn chưa làm được nhiều cho năm này. Tranh thủ một chút ít thời gian còn lại, mình xin chia sẻ cho các bạn một mẫu nút bấm giúp các bạn trang hoàng lại trang web hay blog của các bạn nhân mùa noel sắp ...
Circle social share : Hiệu ứng vòng tròn với CSS3
Khi chúng ta chia sẻ bài viết hoặc sản phẩm trên mạng xã hội thì lượt truy cập sẽ tăng đáng kể, và đó cũng là lí do mà mình sẽ thường xuyên cung cấp cho các bạn những mẫu social share mà các bạn có thể áp dụng cho website hay blog mà các bạn đang quản lý. Bài viết ngày hôm nay sẽ là một hiệu ứng ...
Tạo button theo phong cách trang Facebook với CSS3
Hàng ngày chúng ta đều lướt facebook và có lẽ các bạn cũng đã quen thuộc với các button trên trang này, việc tạo các button giống như thế cho website của mình, sẽ tạo cảm giác thân thuộc cho người dùng và người dùng có thể sẽ ở lại lâu hơn trên trang web, blog của các bạn. Hôm nay mình sẽ chia sẻ ...
Thiết kế mẫu form đăng ký (sign up) bằng CSS
Với mẫu thiết kế mà mình chia sẻ trong bài viết này sẽ giúp các bạn có thêm một lựa chọn cho những trang đăng ký với nhiều dữ liệu cần thu nhập từ người dùng. Mẫu form này rất nhỏ gọn và đơn giản. Xem Demo | Download HTML Giả sử chúng ta có nhiều thông tin cho người dùng đăng ký ...
Hiển thị lịch đơn giản với HTML5 và CSS3
Thông thường thì rất hiếm khi chúng ta bắt gặp những website hoặc blog nào hiển thị lịch trên trang web , tuy nhiên, sẽ rất là hữu ích nếu các ban tạo các web app. Bài viết mà mình giới thiệu cho các bạn ngày hôm nay sẽ là sự kết hợp giữa HTML5 và CSS3, qua bài viết này, các bạn cũng có thể hiểu ...
Responsive team profile với Bootstrap 3
Hôm nay mình sẽ chia sẻ cho các bạn một mẫu tạo trang proflie ấn tượng với khả năng hiển thị tốt trên nhiều kích thước màn hình khác nhau (responsive). Với mẫu này, các bạn còn có thể tận dụng để hiển thị bài viết , sản phẩm trong các trang bán hàng, rất hữu ích lưu trữ để dùng về sau. Xem ...
Full Screen Navigation với CSS3 và jQuery
Tranh thủ một chút ít thời gian trống trải, mình xin chia sẻ cho các bạn một mẫu menu mang phong cách hiện đại và phù hợp với xu hướng thiết kế web hiện nay. Đây là một mẫu menu bao phủ màn hình mà mình đã từng giới thiệu cho các bạn trước đây, nhưng lần này với kiểu thiết kế hoàn toàn mới và đảm ...
Ẩn hiện menu với CSS3 và jQuery
Một menu với khả năng linh động sẽ giúp ích rất nhiều cho những trang web không có quá nhiều diện tích trong việc hiển thị nội dung. Với sự kết hợp giữa CSS3 và jQuery, chúng ta sẽ hoàn toàn có thể tạo được những menu với khả năng ẩn hiện hết sức linh hoạt. Mẫu menu mà mình giới thiệu cho các bạn ...
Học CSS từ mẫu Vertical timeline đơn giản
Không cần phải đọc quá nhiều sách, cũng không cần phải bỏ tiền để theo học bất kì một khóa học nào bên ngoài hay trên internet, các bạn có thể hoàn toàn làm chủ được khả năng sử dụng CSS bằng những bài thực hành đơn giản mà mình giới thiệu cho các bạn trong bài viết này. Đây là một ví dụ mà các ...
Tạo bảng hiệu “Last Vegas” bằng CSS3
Có bạn nào đã từng đến “Last Vegas” chưa ? nếu đã từng, thì các bạn sẽ thấy nơi đây đúng là thiên đường trên hạ giới. Hôm nay chúng ta sẽ không phải là học cách tạo biển hiệu, mà chúng ta sẽ học cách mà các thuộc tính trong CSS giúp chúng ta sắp xếp cũng như nó có những khả năng nào. ...
