CSS

Tạo form đăng nhập phong cách Google với Bootstrap

Cách đây vài hôm, mình có đăng một bài viết là Tạo form đăng nhập – đăng ký thành viên giống trang Facebook . Hôm nay mình sẽ tiếp tục mang đến cho các bạn thêm một mẫu form đăng nhập được bắt chước từ gã khổng lồ Google. Bài viết này sử dụng Bootstrap framewokd để tạo hiệu ứng và sắp xếp ...

Vũ Văn Thanh viết 20:12 ngày 04/10/2018

Tạo menu với hiệu ứng vòng tròn chỉ với CSS3

Trong bài viết này, chúng ta sẽ cùng nhau tạo một menu với hiệu ứng mở rộng vòng tròn xung quanh menu chính. Qua bài viết này, các bạn sẽ nắm rõ về cách tạo hiệu ứng động bằng thuộc tính transition và transform có trong CSS3. Xem Demo | Download HTML Như thường lệ, chúng ta sẽ ...

Trần Trung Dũng viết 20:11 ngày 04/10/2018

Responsive shopping cart với CSS3 và jQuery

Có lẽ bây giờ mọi người quen với việc live streem trên Facebook hoặc Youtube để bán hàng online, mà dần quên đi các kiểu web bán hàng truyền thống. Tuy nhiên, những trang web bán hàng sẽ luôn luôn đem lại hiệu quả kinh doanh cao cho khách hàng của các bạn, nếu các trang web bán hàng này thật sự ...

Hoàng Hải Đăng viết 20:11 ngày 04/10/2018

Tạo mẫu ribbon đỏ bằng CSS3

Trước đây khi thiết kế web, mình cũng sử dụng rất nhiều kiểu ribbon như trong bài viết này để đánh dấu những mục quan trọng trong trang web nhằm tạo sự thu hút người dùng với sản phẩm từ bên khách hàng. Hôm nay, mình cũng muốn chia sẻ cho các bạn mẫu này, vì biết đâu, sẽ có một ngày, các bạn cũng ...

Hoàng Hải Đăng viết 20:11 ngày 04/10/2018

Tạo form đăng nhập – đăng ký thành viên giống trang Facebook

Hôm bữa có một bạn trên Facebook đã hỏi mình về cách tạo form đăng nhập và đăng ký thành viên giống như trên Facebook. Hôm nay mình sẽ bê nguyên xi trang chủ của facebook về và cũng là một bài học hữu ích cho các bạn, có thể học cách sắp xếp cũng như trang trí các field sao cho đẹp mắt và gọn gàng ...

Trần Trung Dũng viết 20:11 ngày 04/10/2018

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. ...

Trần Trung Dũng viết 20:11 ngày 04/10/2018

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 ...

Trịnh Tiến Mạnh viết 20:11 ngày 04/10/2018

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 ...

Hoàng Hải Đăng viết 20:11 ngày 04/10/2018

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. ...

Vũ Văn Thanh viết 20:11 ngày 04/10/2018

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à ...

Trần Trung Dũng viết 20:11 ngày 04/10/2018

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 ...

Bùi Văn Nam viết 20:11 ngày 04/10/2018

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ạ Quốc Bảo viết 20:11 ngày 04/10/2018

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 ...

Trần Trung Dũng viết 20:11 ngày 04/10/2018

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. ...

Trịnh Tiến Mạnh viết 20:11 ngày 04/10/2018

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 | ...

Bùi Văn Nam viết 20:11 ngày 04/10/2018

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 ...

Trịnh Tiến Mạnh viết 20:11 ngày 04/10/2018

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 ...

Bùi Văn Nam viết 20:11 ngày 04/10/2018

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ẻ ...

Hoàng Hải Đăng viết 20:11 ngày 04/10/2018

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ý ...

Vũ Văn Thanh viết 20:11 ngày 04/10/2018

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 ...

Hoàng Hải Đăng viết 20:10 ngày 04/10/2018
1 2 3 4 .. > >>