Nếu đã nghiên cứu CSS3 bạn sẽ thấy không có thuộc tính nào giúp làm mờ chữ. Nhưng chỉ cần kết hợp 2 thuộc tính text-shadow và color là bạn đã có thể giải quyết được vấn đề này Và đây là đoạn mã CSS cần thiết: .textblur { color: transparent; text-shadow: 0 0 20px rgba(0,0,0,0.5); } Trong demo, mình sử dụng hiệu ứng khi hover qua thì chữ sẽ hết bị mờ, và kèm theo hiệu ứng transition, mã CSS như sau: .textblur { color: transparent; text-shadow: 0 0 20px rgba(0,0,0,0.5); text-align: center; height: 120px; line-height: 60px; font-size: 40px; -webkit-transition: text-shadow 1.9s; -moz-transition: text-shadow 1.9s; } .textblur:hover { text-shadow: 0 0 0 rgba(0,0,0,1); -webkit-transition: text-shadow 0.5s; -moz-transition: text-shadow 0.5s; } Tôi rất mới với HTML / CSS và tôi đang cố gắng hiển thị một số văn bản giống như trong suốt 50%. Cho đến nay tôi có HTML để hiển thị văn bản với độ mờ hoàn toàn
Tuy nhiên, tôi không chắc làm thế nào để thay đổi độ mờ đục của nó. Tôi đã thử tìm kiếm trực tuyến, nhưng tôi không chắc chắn chính xác phải làm gì với mã tôi tìm thấy.
85 hữu ích 0 bình luận 320k xem chia sẻ answer 86 Kiểm tra
Opacity , Bạn có thể đặt thuộc tính css này thành div, Và nhân tiện, thẻ phông chữ không được dùng nữa , hãy sử dụng css để tạo kiểu cho văn bản
Chỉnh sửa: Mã này sẽ làm cho toàn bộ phần tử trong suốt, nếu bạn muốn tạo ** chỉ văn bản ** kiểm tra minh bạch @Mattias Buelens trả lời 86 hữu ích 4 bình luận chia sẻ answer 230
Ngoài ra, chỉ đạo xa, xa 230 hữu ích 5 bình luận chia sẻ answer 15 Chỉ cần sử dụng
15 hữu ích 0 bình luận chia sẻ answer 9 Giải pháp tốt nhất của bạn là nhìn vào thẻ "độ mờ" của một phần tử. Ví dụ:
Vì vậy, trong trường hợp của bạn, nó sẽ trông giống như:
Tuy nhiên, đừng quên thẻ không được hỗ trợ trong HTML5. Bạn cũng nên sử dụng CSS :) 9 hữu ích 0 bình luận chia sẻ answer 3 Dễ dàng! phía sau của cậu:
thêm cái này
bạn chỉ cần thay đổi ".6" cho số thập phân từ 1 đến 0 3 hữu ích 0 bình luận chia sẻ answer 3 Còn Nhưng sau đó, bạn có thể cần phải sử dụng một yếu tố dom rõ ràng hơn "phông chữ". Ví dụ:
Như một thông tin bổ sung, tất nhiên tôi sẽ đề nghị bạn sử dụng các khai báo CSS bên ngoài các phần tử html của bạn, nhưng cũng cố gắng sử dụng kiểu css phông chữ thay vì thẻ html phông chữ. Đối với trình tạo kiểu css3 của trình duyệt chéo, hãy xem http://css3please.com/ 3 hữu ích 0 bình luận chia sẻ answer 2 Mặt khác, không có thuộc tính CSS như độ mờ nền mà bạn chỉ có thể sử dụng để thay đổi độ mờ hoặc độ trong của nền của phần tử mà không ảnh hưởng đến các phần tử con, mặt khác, nếu bạn sẽ cố gắng sử dụng thuộc tính độ mờ của CSS, nó sẽ không chỉ thay đổi độ mờ của nền nhưng cũng thay đổi độ mờ của tất cả các phần tử con. Trong tình huống như vậy, bạn có thể sử dụng màu RGBA được giới thiệu trong CSS3 bao gồm độ trong suốt alpha như một phần của giá trị màu. Sử dụng màu RGBA bạn có thể đặt màu nền cũng như độ trong suốt của nó. 2 hữu ích 0 bình luận chia sẻ answer 2 cố gắng chơi xung quanh với
MDN hướng dẫn 2 hữu ích 0 bình luận chia sẻ Đăng nhập để trả lời câu hỏiCó thể bạn quan tâm |