GetSmile.Mobie.In - Diễn đàn chia sẻ Cú đêm Việt Nam

AiChat.Wap.Sh - Diễn đàn Xtgem Việt Nam

HamTruyen.Xtgem.Com - Blog Ham Truyện nơi hội tụ của những tín đồ mê truyện chữ

Trang chủ >> WapMaster

Tìm Kiếm → Thảo Luận

Share đoạn CSS làm văn bản nhấp nháy liên tục của 2hi.Biz

RoSino18k

22-11-2015

Làm chữ nhấp nháy liên tục như 2hi.Biz mà không dùng tag <blink> ta sẽ dùng CSS3 nhé!

→demo:

http://kusdinks.waphall.com (xem title ở header)

Code:

@-webkit-keyframes hue{100%{-webkit-filter:hue-rotate(360deg); }}.nhay{-webkit-animation:hue 1s linear infinite;color:#f00;text-shadow:0px 0px 1px #FFFF00 !important}

Thay #F00 trong code để đổi "chùm" màu mới

Có thể dán nó vào CSS hoặc trong cặp thẻ

HTML hiển thị:
- DIV:

- Thẻ FONT:

- Thẻ B:

- Thẻ SPAN:

Code này khi kiểm tra W3C CSS thì bị lỗi nhé ^^
Ngoài ra có 1 code CSS khác cũng có tác dụng tương tự nhưng tương thích trên nhiều trình duyệt hơn. Tùy biến nhấp nháy nhiều kiểu hơn. Nhưng chỉ 1 khoảng thời gian nhất định chứ ko lặp lại liên tục như của 2hi! ^^

Nguồn: Kusdinks