Giao diện form đăng nhập có kết quả như sau: Xây dựng form đăng nhập với HTML & CSS sử dụng Bootstrap HTML Code: <link href=”//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css” rel=”stylesheet” id=”bootstrap-css”> <script src=”//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js”></script> <script src=”//code.jquery.com/jquery-1.11.1.min.js”></script> <!—— Include the above in your HEAD tag ———-> <section class=”login-block”> <div class=”container”> <div class=”row”> <div class=”col-md-4 login-sec”> <h2 class=”text-center”>Login Now</h2> <form class=”login-form”> […]
Học VueJS
Tạo hiệu ứng hover đơn giản đẹp mắt bằng css 3 phần 4
Tiếp tục với loạt bài viết hướng dẫn làm những hiệu ứng hover với một vài thuộc tính đơn giản của css 3, nhưng chất lượng. Ở bài viết này mình sẽ làm hiệu ứng tương tác với hình ảnh phần 4. Mình xin được bắt đầu bài viết. Mô tả hiệu ứng Di chuột […]
Bài tập javascript – Viết hiệu ứng Loading
Ở bài tập javascript 16 này, mình sẽ hướng dẫn các bạn viết hiệu ứng loadding, hiệu ứng này thường được gán với sự kiện onload. Tức là khi chúng ta truy cập vào một trang web thì nó phải load đúng không, lúc này sẽ xuất hiện hiệu ứng loading. Tuy nhiên mặc định thì […]
Bài tập javascript 15 – Viết hiệu ứng chuyển slide nâng cao phần 2
Ở bài tập javascript 15 này, chúng ta sẽ tiếp tục với hiệu ứng chuyển slide ở bài trước thì bằng 2 nút mình đã chuyển qua lại tất cả các slide. Trong bài tập này mình sẽ thêm chuyển động animation vào lúc slide đang được chuyển. Okê mình xin được bắt đầu bài viết. […]
In ra hình chữ nhật có kích thước m x n rỗng
Viết chương trình in ra hình chữ nhật có kích thước m x n rỗng. Bài này tương tự bài in ra hình chữ nhật có kích thước m x n nhưng ở đây là rỗng mà. Bài tập này ngoài giúp chúng ta thấy được sức mạnh của vòng lặp for lồng nhau. Nó […]