Mục lục
Chào mừng các bạn đến với Bài 3 trong series bài tập về Html, Css, Javascript đơn giản. Ở bài 3 này mình sẽ giới thiệu làm một form login với label có khả năng lướt sóng =))
Trông vui nhộn phải không các bạn. Vậy thì chúng mình cùng đến ngay cách làm nhé.
Html
Vẫn như thường lệ, vẫn sẽ có file index.html
File html này mình sẽ khởi tạo 1 form login sẽ gồm những field email và password.
Javascript
File script.js sẽ có nhiệm vụ là tách từng từ trong label thành các thẻ span và có thêm thuộc tính style transition-delay.
Css
Và cuối cùng vẫn là cái file style.css khá là dài nhưng các thuộc tính thì chắc là các bạn cũng đều quen thuộc rồi nhỉ.
Vậy là chúng ta lại có thêm một ít kiến thức thú vị nữa. Nếu có bất cứ điều gì không hiểu thì các bạn comment xuống bên dưới để mình sẽ giải thích chi tiết cho nhé. Link source code ở đây.
Cảm ơn các bạn đã đọc và đừng quên tham gia group để học hỏi thêm nhiều kiến thức khác nhé!