CHINH PHỤC
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.
Đăng nhập

Ghi nhớ
Latest topics
» Tôi sẽ đỗ đại học!
by NgocPRO 6/11/2024, 8:37 am

» Kỷ niệm xưa của chúng ta
by nightWalker 9/2/2024, 6:49 pm

» Bị lệch khung cần người giúp đỡ
by webhuy28 7/10/2021, 10:34 pm

» [HỎI ĐÁP] Danh sách bạn bè không thể hiển thị
by anhdaodaica1 2/10/2021, 10:04 pm

» [HỎI ĐÁP] Thông tin tài khoản không thể lưu thay đổi
by anhdaodaica1 2/10/2021, 6:05 am

» Phim bố già full
by huy.pc52 24/8/2021, 12:20 am

» Xin code Box HTML cho Forumvi
by Larva 1/7/2021, 12:57 pm

» Hello Anh Em Chinh phục
by HoàngTửNaivip5p 28/5/2021, 5:03 am

» Trang chủ tin tức cập nhật HOT 2016
by kenbi05 1/1/2020, 11:02 pm

» Không Dang9 bài viết = hình ảnh được
by huy.pc52 30/11/2019, 10:52 am

» CHÚC ANH EM NĂM MỚI VUI VẺ TRÀNG ĐẦY HẠNH PHÚC
by sps.kủn 12/2/2019, 1:16 pm

» Skin CNTT-K3 2015 (Full Mod)[✔]
by kenbi05 6/7/2018, 12:30 am

» baivong, handsome,....
by sps.kủn 29/6/2018, 1:54 pm

» [SHARE] SKIN ĐHFM.V7 @PUNBB
by tonyhoaivu 2/5/2018, 2:37 pm

» Share Skin Xanh Dương Cùi Bắp
by tonyhoaivu 28/4/2018, 5:57 pm

» Xin Skin http://v1.hotrofm.net/
by tonyhoaivu 28/4/2018, 5:45 pm

» Xin Skin Rao Vặt
by tonyhoaivu 15/4/2018, 12:07 pm

» Làm Sao Để Xóa Khung Này
by tonyhoaivu 14/4/2018, 7:18 pm

» [Lập nhóm]Lập nhóm fm
by vietkanpy 31/3/2018, 11:53 am

» [Help] về server úp ảnh của phutu [✔]
by baivong 17/3/2018, 10:18 pm

» Đừng khóc cho “tôi – Chinh Phục!”…
by AnHung 27/2/2018, 5:33 pm

» [Share] Skin Diendandaihoc.com [ Punbb ] [✔]
by Lu Mờ 13/2/2018, 7:28 pm

» Mời mấy thím vào groups Forumotion Việt Nam.
by dang02315 13/2/2018, 12:40 am

» Có thể làm các kiểu giao diện được không?
by Lu Mờ 9/2/2018, 3:40 pm

» ltns chinhphuc.info
by Shinichi Kudo 27/1/2018, 2:27 am

Top posting users this week
No user


[Code] CSS3 Logo Hover Text

+5
Ocean Sapphire
Kid Knight
handsomevip007
mrkunvl
K.-Kun
9 posters

Go down

[Code] CSS3 Logo Hover Text Empty [Code] CSS3 Logo Hover Text

Bài gửi by K.-Kun 20/8/2013, 1:16 pm

Mới học CSS3 viết được cái mã cùi cùi mong mọi người góp ý hehe
Made by Me
Copy vui lòng ghi nguồn ChinhPhuc 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;}


Được sửa bởi Kirigaya Kazuto ngày 20/8/2013, 1:53 pm; sửa lần 1.
K.-Kun
K.-Kun
CPModerator
CPModerator

Firefox PunBB
Ngày đăng ký : 22/11/2012
Số bài : 1511
CPP : 639
Châm ngôn sống : Không bao giời đi ngược lại với lời nói của mình! Đó chính là nhẫn đạo của tôi

Về Đầu Trang Go down

[Code] CSS3 Logo Hover Text Empty Re: [Code] CSS3 Logo Hover Text

Bài gửi by mrkunvl 20/8/2013, 1:20 pm

Demo !!
mrkunvl
mrkunvl
CPMember
CPMember

Chrome PunBB
Ngày đăng ký : 24/05/2012
Số bài : 318
CPP : 54
Châm ngôn sống : Thốn Vãi

http://gamez0ne.5forum.net

Về Đầu Trang Go down

[Code] CSS3 Logo Hover Text Empty Re: [Code] CSS3 Logo Hover Text

Bài gửi by K.-Kun 20/8/2013, 1:25 pm

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

Firefox PunBB
Ngày đăng ký : 22/11/2012
Số bài : 1511
CPP : 639
Châm ngôn sống : Không bao giời đi ngược lại với lời nói của mình! Đó chính là nhẫn đạo của tôi

Về Đầu Trang Go down

[Code] CSS3 Logo Hover Text Empty Re: [Code] CSS3 Logo Hover Text

Bài gửi by handsomevip007 20/8/2013, 1:26 pm

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 Rose
handsomevip007
handsomevip007
CPAdministrator
CPAdministrator

Opera Invision
Ngày đăng ký : 22/12/2010
Số bài : 6406
CPP : 11255
Châm ngôn sống : Tuổi trẻ sẽ dừng lại nhưng sáng tạo là mãi mãi ...

http://a14toiyeu.forumvi.net/

Về Đầu Trang Go down

[Code] CSS3 Logo Hover Text Empty Re: [Code] CSS3 Logo Hover Text

Bài gửi by Kid Knight 20/8/2013, 1:34 pm

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

Chrome PhpBB2
Ngày đăng ký : 01/02/2013
Số bài : 860
CPP : 651
Châm ngôn sống : nhìn cái gì ?

http://tsubasa.yourme.net

Về Đầu Trang Go down

[Code] CSS3 Logo Hover Text Empty Re: [Code] CSS3 Logo Hover Text

Bài gửi by Ocean Sapphire 20/8/2013, 1:41 pm

vẫn chưa cập nhật demo à kiêu
Ocean Sapphire
Ocean Sapphire
CPPurpleMember
CPPurpleMember

Chrome PunBB
Ngày đăng ký : 21/05/2012
Số bài : 1084
CPP : 1933
Châm ngôn sống : ba chấm

http://fanrubydevil.forumvi.com

Về Đầu Trang Go down

[Code] CSS3 Logo Hover Text Empty Re: [Code] CSS3 Logo Hover Text

Bài gửi by Rune 20/8/2013, 1:48 pm

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

Chrome PunBB
Ngày đăng ký : 30/08/2012
Số bài : 368
CPP : 62
Châm ngôn sống : Từ hôm nay quyết tâm học code

http://blackhole.ace.st/

Về Đầu Trang Go down

[Code] CSS3 Logo Hover Text Empty Re: [Code] CSS3 Logo Hover Text

Bài gửi by K.-Kun 20/8/2013, 1:54 pm

Đã cập nhật sợ
K.-Kun
K.-Kun
CPModerator
CPModerator

Firefox PunBB
Ngày đăng ký : 22/11/2012
Số bài : 1511
CPP : 639
Châm ngôn sống : Không bao giời đi ngược lại với lời nói của mình! Đó chính là nhẫn đạo của tôi

Về Đầu Trang Go down

[Code] CSS3 Logo Hover Text Empty Re: [Code] CSS3 Logo Hover Text

Bài gửi by Kid Knight 20/8/2013, 2:11 pm

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

Chrome PhpBB2
Ngày đăng ký : 01/02/2013
Số bài : 860
CPP : 651
Châm ngôn sống : nhìn cái gì ?

http://tsubasa.yourme.net

Về Đầu Trang Go down

[Code] CSS3 Logo Hover Text Empty Re: [Code] CSS3 Logo Hover Text

Bài gửi by Juskteez 20/8/2013, 2:11 pm

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

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

Chrome PunBB
Ngày đăng ký : 08/06/2012
Số bài : 370
CPP : 742
Châm ngôn sống : Be Simple, but...Not too Simple!

http://deezsign.forumotion.com/

Về Đầu Trang Go down

[Code] CSS3 Logo Hover Text Empty Re: [Code] CSS3 Logo Hover Text

Bài gửi by HoàngTửNaivip5p 20/8/2013, 3:56 pm

Nhấn vô cái tròn tròn đỏ ko thấy gì hết trơn hehe
HoàngTửNaivip5p
HoàngTửNaivip5p
CPModerator
CPModerator

Chrome PunBB
Ngày đăng ký : 04/07/2012
Số bài : 918
CPP : 1151
Châm ngôn sống : Trong khi mọi người càng ngày càng tiến bộ về code thì mình càng ngày càng ngu đi :(( OIMEOI

http://mfworld.forumvi.com/

Về Đầu Trang Go down

[Code] CSS3 Logo Hover Text Empty Re: [Code] CSS3 Logo Hover Text

Bài gửi by minhphong9x94 20/8/2013, 3:59 pm

k nghe Juskteez ns ak? Nháy mằt
minhphong9x94
minhphong9x94
CPPurpleMember
CPPurpleMember

Firefox PhpBB2
Ngày đăng ký : 09/02/2013
Số bài : 605
CPP : 56
Châm ngôn sống : Mãi Không Quên No.1

http://maikhongquen.com

Về Đầu Trang Go down

[Code] CSS3 Logo Hover Text Empty Re: [Code] CSS3 Logo Hover Text

Bài gửi by Sponsored content


Sponsored content


Về Đầu Trang Go down

Về Đầu Trang

- Similar topics

 
Permissions in this forum:
Bạn không có quyền trả lời bài viết