VNXF.VN - Breathing Sign Up Button - Nút đăng ký nhấp nháy
Để đạt được điều này là khá dễ dàng, đi đến EXTRA.CSS của bạn và thêm những điều sau đây:
Demo: hoccodevn.com
Chúc các bạn thành công.
Để đạt được điều này là khá dễ dàng, đi đến EXTRA.CSS của bạn và thêm những điều sau đây:
Mã:
[COLOR=#032A46][FONT=Georgia]/* SIGN UP BOX */[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]@-webkit-keyframes redPulse {[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]from { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; }[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia] 50% { background-color: #e33100; -webkit-box-shadow: 0 0 18px #e33100; }[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia] to { background-color: #bc330d; -webkit-box-shadow: 0 0 9px #333; }[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia] }[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]@-moz-keyframes redPulse {[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]from { background-color: #bc330d; -moz-box-shadow: 0 0 9px #333; }[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia] 50% { background-color: #e33100; -moz-box-shadow: 0 0 18px #e33100; }[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia] to { background-color: #bc330d; -moz-box-shadow: 0 0 9px #333; }[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia] }[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]@-o-keyframes redPulse {[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]from { background-color: #bc330d; -o-box-shadow: 0 0 9px #333; }[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia] 50% { background-color: #e33100; -o-box-shadow: 0 0 18px #e33100; }[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia] to { background-color: #bc330d; -o-box-shadow: 0 0 9px #333; }[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia] }[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]@keyframes redPulse {[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]from { background-color: #bc330d; box-shadow: 0 0 9px #333; }[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia] 50% { background-color: #e33100; box-shadow: 0 0 18px #e33100; }[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia] to { background-color: #bc330d; box-shadow: 0 0 9px #333; }[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia] }[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]#SignupButton {[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]border: none !important;[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]background: transparent !important;[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]}[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]#SignupButton .inner {[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]-webkit-animation-name: redPulse;[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]-webkit-animation-duration: 2s;[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]-webkit-animation-iteration-count: infinite;[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]-moz-animation-name: redPulse;[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]-moz-animation-duration: 2s;[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]-moz-animation-iteration-count: infinite;[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]-o-animation-name: redPulse;[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]-o-animation-duration: 2s;[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]-o-animation-iteration-count: infinite;[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]animation-name: redPulse;[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]animation-duration: 2s;[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]animation-iteration-count: infinite;[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]background: none repeat scroll 0% 0% #750606 !important;[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]}[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]#SignupButton:hover .inner {[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia] background: #e33100 !important;[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]}[/FONT][/COLOR]
[COLOR=#032A46][FONT=Georgia]/* END SIGN UP BUTTON*/[/FONT][/COLOR]
Demo: hoccodevn.com
Chúc các bạn thành công.
Nguồn: VNXF.VN