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屋！