CSS3 Animation only working in Chrome
問題描述
I’m trying to animate some img nested inside an a. I created a simple CSS3 animation with prefixes, in Chrome it’s working, but not in other browsers, any idea what’s wrong?
.pulso:hover { -webkit-animation: pulso 2s ease infinite; -moz-animation: pulso 2s ease infinite; -ms-animation: pulso 2s ease infinite; animation: pulso 2s ease infinite;} @keyframes 'pulso' { 0% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); } 50% {-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05); } 100% {-webkit-transform: scale(1);-moz-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); } }@-moz-keyframes 'pulso' { 0% { -moz-transform: scale(1); transform: scale(1); } 50% { -moz-transform: scale(1.05); transform: scale(1.05); } 100% { -moz-transform: scale(1); transform: scale(1); }}@-webkit-keyframes pulso { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.05); transform: scale(1.05); } 100% { -webkit-transform: scale(1); transform: scale(1); }}@-ms-keyframes pulso { 0% { -ms-transform: scale(1); transform: scale(1); } 50% { -ms-transform: scale(1.05); transform: scale(1.05); } 100% { -ms-transform: scale(1); transform: scale(1); }}
問題解答
回答1:Remove all quotation.把雙引號都拿掉。
相關文章:
1. html5和Flash對抗是什么情況?2. html5 - datatables 加載不出來數據。3. docker 下面創建的IMAGE 他們的 ID 一樣?這個是怎么回事????4. 利用IPMI遠程安裝centos報錯!5. node.js - mongodb查找子對象的名稱為某個值的對象的方法6. 運行python程序時出現“應用程序發生異常”的內存錯誤?7. 測試自動化html元素選擇器元素ID或DataAttribute [關閉]8. javascript - QQ第三方登錄的問題9. javascript - 在 model里定義的 引用表模型時,model為undefined。10. spring-mvc - spring-session-redis HttpSessionListener失效

網公網安備