Hướng dẫn css button hover effects - hiệu ứng di chuột nút css
Đã đăng vào thg 4 23, 2018 9:55 SA 1 phút đọc 1 phút đọc Bài viết này mình xin phép giới thiệu một số hiệu ứng hover cho button khá đẹp mà cũng khá đơn giản, rất dễ áp dụng. Note: Do mình không biết cắt nghĩa và đặt tên cho effect thế nào nên mình chỉ để tên lần lượt là effect 1, effect 2,.. nhé. Mong các bạn thông cảm. 1. Effect 1Effect này có hơi đặc biệt so với các effect còn lại là sử dụng svg để tạo animation cho button. Khá đặc biệt tuy nhiên rất đẹp mắt. HTML
Phần CSS chung
CSS
Result 2. Effect 2Effect này khá đơn giản. Nếu hiểu và sử dụng thành thạo :before và :after thì sẽ dễ dàng làm được effect này.:before và :after thì sẽ dễ dàng làm được effect này. HTML
CSS
Result: ResultHTML
CSS
Result 2. Effect 2 Effect này khá đơn giản. Nếu hiểu và sử dụng thành thạo :before và :after thì sẽ dễ dàng làm được effect này. |