XtGem Forum catalog

CuDemVN.Wap.Sh

- 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

Admin* 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ẻ

<style type="text/css">Code CSS</style>


HTML hiển thị:
- DIV:
<div class="nhay">text</div>


- Thẻ FONT:
<font class="nhay">text</font>


- Thẻ B:
<b class="nhay">text</b>


- Thẻ SPAN:
<span class="nhay">text</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
↑↑ Lượt xem: 471
score
Đánh giá: 4.5/ 5, 471 bình chọn
- Chia sẻ:G  T
BBCode:

Link:
+ Còn “nhiều” Lắm!
+

Share code Diễn đàn trên Xtgem Full chức năng cực chất GetSmile.Mobie.In bởi Cú Đêm Việt Nam

+

Share code PHP hiển thị thông tin khách đang online trên Site

+

Sử dụng HTML và CSS tạo hiệu ứng hiển thị mô tả khi di chuột vào hình ảnh

+

Ajax là gì? Hướng dẫn code cơ bản khi xử lý dữ liệu với jQuery Ajax

+

Share full code PHP bộ tool cài đặt và quản lý Filelist KhoTruyen365 Xtgem

Trang chủ Cú Đêm Việt Nam Trang Chủ[1-1-471]