이 코드를 작성하여 css3 키 프레임을 사용하여 애니메이션 배경으로 만듭니다. 이 코드는 크롬에서 완벽하게 실행되지만 mozzila firefox.So에서 작동하지 않습니다.이 문제를 해결하는 데 도움주세요. 감사합니다.css3 애니메이션이 mozzila firefox에서 작동하지 않습니다.
body
{
-webkit-animation: HONIBHICHAYE 15s ease alternate infinite;
-moz-animation: HONIBHICHAYE 15s ease alternate infinite;
animation: HONIBHICHAYE 15s ease alternate infinite;
background-size:100%;
background-repeat:no-repeat;
background-position:50% 50%;
font-family:"My Custom Font";
}
@-webkit-keyframes HONIBHICHAYE
{
0%
{
background-image:url('../images/1.jpg');
}
50%
{
background-image:url('../images/2.jpg');
}
100%
{
background-image:url('../images/3.jpg');
}
}
@-moz-keyframes HONIBHICHAYE
{
0%
{
background-image:url('../images/1.jpg');
}
50%
{
background-image:url('../images/2.jpg');
}
100%
{
background-image:url('../images/3.jpg');
}
}
@keyframes HONIBHICHAYE
{
0%
{
background-image:url('../images/1.jpg');
}
50%
{
background-image:url('../images/2.jpg');
}
100%
{
background-image:url('../images/3.jpg');
}
}