Tạo hiệu ứng link bằng CSS3 cho liên kết blogspot

Có một số mẫu không phải do blogger cung cấp mà do tự thiết kế vì lý do nào đó mà người thiết kế bỏ qua phần tạo hiệu ứng cho link liên kết.

Các mẫu này không thể tùy chỉnh nâng cao được nên không tùy chỉnh màu sắc link khi rê chuột vì vậy khi khách truy cập blog rê chuột vào link,những đường link không có hiệu ứng gì gây cảm giác hụt hẫng rất khó chịu.

Có bạn hỏi mình cách tạo hiệu ứng nhưng đòi hỏi dạng text shadow chứ không phải dạng dùng javascript.Thực sự mình không quan tâm vấn đề này lắm.Tìm hiểu cấp tốc mình cũng tìm được cách tạo hiệu ứng dạng này.Mình post lên đây nếu ai cần thì lấy dùng.

Tạo hiệu ứng link bằng CSS3 cho liên kết blogspot
Xem thử nhé:


Để tạo hiệu ứng link bằng CSS3 cho liên kết blogspot ta cần thêm đoạn code dưới đây vào trước thẻ ]]></b:skin>
a{color: #333; text-decoration:none;margin:0; text-shadow:0.5px 0.5px 1px #666;}
a:hover {color: #fff; text-shadow:1px 1px 3px #000}
Trong đó
- #333 là màu chữ ban đầu
- #666 là màu đổ bóng của chữ ban đầu khi chưa rê chuột vào
- #fff là mầu chữ khi rê chuột
- #000 là màu đổ bóng của chữ khi rê chuột

Bạn có thể tùy chỉnh mầu sắc theo ý thích
Publis: 

Post a Comment

🙂😬😀😂🤣😍💖
Windows + . hoặc Windows + ; để chèn emoji