• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 267
  • Last Modified:

CSS animation not sure why this isn't working

If you go to the following site here you should be able to hover the box and it should move so not sure as to why in Firefox 18.01

http://bit.ly/115ivqa
0
stargateatlantis
Asked:
stargateatlantis
1 Solution
 
LZ1Commented:
Try this:
Your missing your name and keyframes:

.box{
	 background-color:#666;
	 width:30px;
	 height:30px;
}

.box:hover {
    -moz-animation-duration: 2s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-name: scale, slide;
    -moz-animation-timing-function: ease;
	-moz-animation-name:mymove;
    position: relative;
}
@keyframes mymove 
{
from {left:0px;}
to {left:200px;}
}

Open in new window

0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now