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); }}