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. 求救一下，用新版的phpstudy，數據庫過段時間會消失是什么情況？2. javascript - 在 vue里面用import引入js文件，結果為undefined3. python沒入門，請教一個問題4. php如何獲取訪問者路由器的mac地址5. html5 - input type=’file’ 上傳獲取的fileList對象怎么存儲于瀏覽器？6. 小程序怎么加外鏈，語句怎么寫！求救新手，開文檔沒發現7. 求教一個mysql建表分組索引問題8. node.js - 用nodejs 的node-xlsx模塊去讀取excel中的數據，可是讀取出來的日期是數字，請問該如何讀取日期呢？9. sql語句如何按or排序取出記錄10. javascript - vue-resource中如何設置全局的timeout？
網公網安備