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.把雙引號都拿掉。
相關(guān)文章:
1. javascript - sublime快鍵鍵問題2. javascript - immutable配合react提升性能?3. vue.js - Vue 如何像Angular.js watch 一樣監(jiān)聽數(shù)據(jù)變化4. 如何解決Centos下Docker服務(wù)啟動無響應(yīng),且輸入docker命令無響應(yīng)?5. 實現(xiàn)bing搜索工具urlAPI提交6. javascript - 移動端上不能實現(xiàn)拖拽布局嗎?7. angular.js - 單頁應(yīng)用(ng/vue)該如何監(jiān)聽用戶離開當(dāng)前頁面(或者路由)?8. javascript - ios返回不執(zhí)行js怎么解決?9. thinkPHP5中獲取數(shù)據(jù)庫數(shù)據(jù)后默認(rèn)選中下拉框的值,傳遞到后臺消失不見。有圖有代碼,希望有人幫忙10. index.php錯誤,求指點

網(wǎng)公網(wǎng)安備