[Code] CSS3 Logo Hover Text

[K.-Kun]

Mới học CSS3 viết được cái mã cùi cùi mong mọi người góp ý
Made by Me
Copy vui lòng ghi nguồn và không hide!

Bó tay! Demo đây ạ: http://kazu-vnicefox4.forumvi.com/h1-page

Đây là đoạn code hiển thị:

Code:

<div id="hover_logo"><h1>VnIceFox</h1></div>

Đây là đoạn CSS:

Code:

#hover_logo {background:#d64521; position:relative; margin:0 auto; width:150px; height:150px; left:-140px; border:5px solid #e6795d; border-radius:50%; cursor:pointer; overflow:hidden; animation:move-right 6s linear infinite alternate;}
@keyframes move-left {to {left:-140px;}}
@keyframes move-right {to {left:150px;}}
#hover_logo h1 {position:absolute; width:300px; left:150px; font:bold 3em Arial; line-height:90px; color:#fff; user-select:none; animation:move-left 6s linear infinite alternate;}

[mrkunvl]

Demo !!

[K.-Kun]

Tại nó hover nên em lười chụp quá cứ đem về trang HTML mà test ạ

[handsomevip007]

Tạo một trang HTML rồi cho code vào để làm demo nhé. Xem code mà phải động tay động chân thì hơi lười

[Kid Knight]

ủa sao chả thấy gì hết ngoài cái vòng nhỉ ?

[Ocean Sapphire]

vẫn chưa cập nhật demo à

[Rune]

Tình hình là động vào ko có cái hover nào cả ".."

[K.-Kun]

Đã cập nhật

[Kid Knight]

có thấy cái gì đâu nhỉ

[Juskteez]

Tình hình là bạn phải thêm bộ mã -webkit-, -moz-, -o- và -ms- để chạy trên chrome, firefox, opera và IE

Cái này dễ mà  học thêm tại đây http://www.w3schools.com/css3/css3_animations.asp

[HoàngTửNaivip5p]

Nhấn vô cái tròn tròn đỏ ko thấy gì hết trơn

[minhphong9x94]

k nghe Juskteez ns ak?

[Sponsored content]