|
|
| Line 108: |
Line 108: |
| | | | |
| | } | | } |
| − |
| |
| − |
| |
| − | #HomeBox:hover{
| |
| − | /*--webkit is for chrome, opera, and safari--*/
| |
| − | -webkit-animation-name: navHover;
| |
| − | -webkit-animation-duration: 5s;
| |
| − | -webkit-animation-delay: 0s;
| |
| − | -webkit-animation-iteration-count: 1;
| |
| − | -webkit-animation-direction: normal;
| |
| − | -webkit-animation-play-state: running;
| |
| − | -webkit-animation-fill-mode: forwards;
| |
| − | /*--moz is for mozilla browsers--*/
| |
| − | -moz-animation-name: navHover;
| |
| − | -moz-animation-duration: 5s;
| |
| − | -moz-animation-delay: 0s;
| |
| − | -moz-animation-iteration-count: 1;
| |
| − | -moz-animation-direction: normal;
| |
| − | -moz-animation-play-state: running;
| |
| − | -moz-animation-fill-mode: forwards;
| |
| − | /*--standard syntax for ie/others--*/
| |
| − | animation-name: navHover;
| |
| − | animation-duration: 5s;
| |
| − | animation-delay: 0s;
| |
| − | animation-iteration-count: 1;
| |
| − | animation-direction: normal;
| |
| − | animation-play-state: running;
| |
| − | animation-fill-mode: forwards;
| |
| − | }
| |
| − | @-webkit-keyframes navHover {
| |
| − | 0% {font-size: 20pt;}
| |
| − | 50% {font-size: 20pt;}
| |
| − | 75% {font-size: 24pt;}
| |
| − | 100% {font-size: 20pt;}
| |
| − | }
| |
| − | @-moz-keyframes navHover {
| |
| − | 0% {font-size: 20pt;}
| |
| − | 50% {font-size: 20pt;}
| |
| − | 75% {font-size: 24pt;}
| |
| − | 100% {font-size: 20pt;}
| |
| − | }
| |
| − | @keyframes navHover {
| |
| − | 0% {font-size: 20pt;}
| |
| − | 50% {font-size: 20pt;}
| |
| − | 75% {font-size: 24pt;}
| |
| − | 100% {font-size: 20pt;}
| |
| − | }
| |
| − | /*-- End of Fade on hover Code --*/
| |
| − |
| |
| − |
| |
| | </style> | | </style> |
| | </head> | | </head> |
