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 JQuery
Tạo hiệu ứng hover đơn giản đẹp mắt bằng css 3 phần 8
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. Ở 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 8. Mình xin được bắt đầu bài viết. Mô tả hiệu ứng Di chuột vào […]
Tạo hiệu ứng hover đơn giản đẹp mắt bằng css 3 phần 6
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 6. Mình xin được bắt đầu bài viết. Mô tả hiệu ứng Di […]
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 […]
Hướng dẫn Responsive bằng CSS cơ bản
Trong bài viết này mình sẽ hướng dẫn các bạn responsive một giao diện đơn giản, từ đó thì chúng ta sẽ triển khai những giao diện khó hơn. Chúng ta có thể responsive bằng css hoặc bootstrap, ở bài viết này mình sẽ dụng css thôi. Với css lại có vài cách để chia […]