web - css3 @keyframes用一次后面的任何样式就解析不了了.
本文介绍了web - css3 @keyframes用一次后面的任何样式就解析不了了.的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
css3 @keyframes用一次后面的任何样式就解析不了了.
后面的样式都解析不了, 于是我把它新建成另外一个文件...
还是解析不了@keyframe{}的"}"之后的内容.....
求大神解答...用的eclipse在写javaee项目
@CHARSET "UTF-8";
/* 弹出member信息框*/
.member_bg{
position: relative;
display: block;
float: right;
z-index: 1;
background-image:url("../img/background_sodark.png");
padding: 8pt;
transform: scale(0);
animation: hide_member 0.3s;
}
.member_bg_hover{
position: relative;
display: block;
float: right;
z-index: 1;
background-image:url("../img/background_sodark.png");
padding: 8pt;
animation: show_member 0.3s;
}
@keyframes hide_member
{
0% {
transform: scale(1);
}
30% {
transform: scale(1.03);
}
100% {
transform: scale(0);
}
@keyframes show_member
{
0% {
transform: scale(0.3);
}
70% {
transform: scale(1.03);
}
100% {
transform: scale(1);
}
解决方案
痾,你兩個都少了右大括號 }
@keyframes hide_member
{
0% { transform: scale(1); }
30% { transform: scale(1.03);}
100% { transform: scale(0); }
}
@keyframes show_member
{
0% { transform: scale(0.3); }
70% { transform: scale(1.03); }
100% { transform: scale(1); }
}
这篇关于web - css3 @keyframes用一次后面的任何样式就解析不了了.的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文