Làm nút Seach chuyển thành Loading khi bấm vào

Tram Ho

Giới thiệu

Hôm nay mình xin chia sẻ cách làm 1 animation loading từ nút seach khi click vào nút tìm kiếm, sẽ rất hay và thú vị khi các bạn đưa áp dụng vào trong việc thiết kế UI để tăng sự sinh động hơn nhé.

Code

1.HTML

2.CSS

Tạo Animation loading time rồi trở về trạng thái Icon Search khi loading xong

3.Javascript

Thêm 1 chút Js để khi click vào tạo ra được animation loading từ CSS

4.Demo