Đã đăng vào thg 1 13, 2017 2:56 SA 3 phút đọc 3 phút đọc
Nếu bạn muốn thay đổi biểu tượng emoji trên website của bạn thì thư viện Emoji CSS là 1 sựa lựa chọn hoàn hảo.
Những biểu tượng thuần CSS được tạo ra với hình ảnh nền, vì vậy mỗi biểu tượng cảm xúc có tập tin PNG riêng của mình. Những tập tin hình ảnh độ phân giải cao. Nhìn tuyệt vời trên tất cả các màn hình. Bạn cũng có thể giới thiệu những biểu tượng cảm xúc bằng cách gọi tập tin CSS vào trang web của bạn. Các tập tin tham chiếu hình ảnh tự lưu trữ trên GitHub do đó bạn không cần phải lưu trữ bất cứ điều gì ở địa phương để bắt đầu.
Trên trang chủ CSS Emoji bạn sẽ tìm thấy tất cả các class hình ảnh cùng với một đoạn giới thiệu mẫu. Một khi bạn đã thêm các tập tin CSS Emoji vào tài liệu của tất cả các bạn phải làm là thêm một phần tử với class .em, cùng với bất cứ class liên quan đến các biểu tượng cụ thể mà bạn muốn hiển thị.
ví dụ đơn giản:
thư viện sẽ thêm 100 biểu tượng cảm xúc trực tiếp vào nội dung của trang web của bạn. Bạn có hơn 200 biểu tượng cảm xúc khác nhau để lựa chọn và dự án mã nguồn mở do đó, nó có sẵn để cập nhật.
Hay nhất của tất cả các trang web CSS Emoji là siêu dễ sử dụng. Chỉ cần nhấp vào biểu tượng và bạn sẽ tự động sao chép mã nguồn vào clipboard để bạn có thể dán nó vào HTML của bạn.
Tôi sẽ là người đầu tiên thừa nhận rằng không phải tất cả các website sẽ được hưởng lợi từ thư viện biểu tượng cảm xúc này, nhưng các mạng xã hội và bình luận hỗ trợ các trang web có thể cải thiện sự tham gia của người sử dụng bằng cách thêm hỗ trợ biểu tượng cảm xúc. Và với các thư viện Emoji CSS, đây thực chất là một quá trình hai bước để biểu tượng cảm xúc lên trang web của bạn.
All rights reserved
1F623
Khuôn mặt kiên trì
😤
1F624
Mặt với vẻ ngoài chiến thắng
Mặt với vẻ ngoài chiến thắng
😥
Biểu tượng cảm xúc cười cho web.
Nếu bạn muốn bất kỳ biểu tượng cảm xúc nào được hiển thị trong HTML, bạn có thể sử dụng tham chiếu thập phân [tháng 12] hoặc thập lục phân [HEX] được tìm thấy trong bảng bên dưới.
Nếu bạn muốn bất kỳ biểu tượng cảm xúc nào được hiển thị trong HTML, bạn có thể sử dụng tham chiếu thập phân [tháng 12] hoặc thập lục phân [HEX] được tìm thấy trong bảng bên dưới.
Thí dụ
Hãy tự mình thử nó | 128512 | Char | & nbsp; | Tháng mười hai |
Hex | 128513 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128514 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128515 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128516 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128517 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128518 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128519 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128520 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128521 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128522 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128523 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128524 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128525 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128526 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128527 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128528 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128529 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128530 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128531 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128532 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128533 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128534 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128535 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128536 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128537 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128538 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128539 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128540 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128541 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128542 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128543 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128544 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128545 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128546 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128547 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128548 | Thực thể | & nbsp; | Tháng mười hai |
Hex | 128549 | Thực thể | & nbsp; | Tên |
😀 | 128550 | 1F600 | & nbsp; | Mặt cười toe toét |
😁 | 128551 | 1F601 | & nbsp; | Khuôn mặt cười toe toét với đôi mắt mỉm cười |
😂 | 128552 | 1F602 | & nbsp; | Mặt với nước mắt của niềm vui |
😃 | 128553 | 1F603 | & nbsp; | Khuôn mặt cười với miệng mở |
😄 | 128554 | 1F604 | & nbsp; | Khuôn mặt mỉm cười với cái miệng mở và đôi mắt mỉm cười |
😅 | 128555 | 1F605 | & nbsp; | Khuôn mặt mỉm cười với miệng mở và mồ hôi lạnh |
😆 | 128556 | 1F606 | & nbsp; | Khuôn mặt mỉm cười với cái miệng mở và đôi mắt kín |
😇 | 128557 | 1F607 | & nbsp; | Khuôn mặt cười với Halo |
😈 | 128558 | 1F608 | & nbsp; | Khuôn mặt cười với sừng |
😉 | 128559 | 1F609 | & nbsp; | Khấp việc mặt |
😊 | 128560 | 1F60A | & nbsp; | Khuôn mặt mỉm cười với đôi mắt mỉm cười |
😋 | 128561 | 1F60B | & nbsp; | Mặt thưởng thức những món ăn ngon |
😌 | 128562 | 1F60C | & nbsp; | Khuôn mặt nhẹ nhõm |
😍 | 128563 | 1F60D | & nbsp; | Khuôn mặt mỉm cười với đôi mắt hình trái tim |
😎 | 128564 | 1F60E | & nbsp; | Khuôn mặt cười với kính râm |
😏 | 128565 | 1f60f | & nbsp; | Mặt cười |
😐 | 128566 | 1F610 | & nbsp; | Mặt trung tính |
😑 | 128567 | 1F611 | & nbsp; | Khuôn mặt vô cảm |
😒 | 128577 | 1F612 | & nbsp; | |
Khuôn mặt không sử dụng | 128578 | 😓 | & nbsp; | |
1F613 | 128579 | Mặt với mồ hôi lạnh | & nbsp; | |
😔 | 128580 | 1F614 | & nbsp; | |
Mặt với mồ hôi lạnh | 129296 | 😔 | & nbsp; | |
1F614 | 129297 | Khuôn mặt trầm ngâm | & nbsp; | |
😕 | 129298 | 1F615 | & nbsp; | |
Khuôn mặt bối rối | 129299 | 😖 | & nbsp; | |
1F616 | 129300 | 😗 | & nbsp; | |
1F617 | 129301 | Hôn mặt | & nbsp; | |
😘 | 129312 | 1F618 | & nbsp; | |
Mặt ném một nụ hôn | 129313 | 😙 | & nbsp; | |
1F619 | 129314 | Hôn mặt với đôi mắt mỉm cười | & nbsp; | |
😚 | 129315 | 1F61A | & nbsp; | |
Hôn mặt với đôi mắt nhắm | 129316 | 😛 | & nbsp; | |
1F61B | 129317 | Mặt với lưỡi bị mắc kẹt | & nbsp; | |
😜 | 129319 | 1F61C | & nbsp; | |
Mặt với lưỡi bị mắc kẹt và mắt nháy mắt | 129320 | 😝 | & nbsp; | |
1f61d | 129321 | Mặt với lưỡi bị mắc kẹt và đôi mắt kín | & nbsp; | |
😞 | 129322 | 1F61E | & nbsp; | |
Khuôn mặt thất vọng | 129323 | 😟 | & nbsp; | |
1f61f | 129324 | Khuôn mặt lo lắng | & nbsp; | |
😠 | 129325 | 😣 | & nbsp; | |
1F623 | 129326 | Khuôn mặt kiên trì | & nbsp; | |
1F623 | 129327 | Khuôn mặt kiên trì | & nbsp; | |
1F623 | 129488 | Khuôn mặt kiên trì | & nbsp; |