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);}
問題解答
回答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); }}
相關文章:
1. vue.js - vue 打包后 nginx 服務端API請求跨域問題無法解決。2. css3 - css如何實現素描描邊效果3. java - Mybatis關聯查詢4. docker綁定了nginx端口 外部訪問不到5. PHP單例模式6. css - transform-origin 旋轉參考點7. javascript - ndoe 如何讀取mac系統下.numbers文件,或者解析.numbers文件的庫8. css3 - flex兩端布局9. javascript - 如何更改瀏覽器默認字體大小10. html - 在一個table表單中 td用v-for 使用v-if判斷是否顯示 然后用一個外部的button 判斷點擊最后一行隱藏
