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. 一個mysql聯表查詢的問題2. mysql - 一個表和多個表是多對多的關系，該怎么設計3. html5 - iOS的webview加載出來的H5網頁，怎么修改html標簽select的樣式字體？4. python 如何實現PHP替換圖片 鏈接5. javascript - git clone 下來的項目 想在本地運行 npm run install 報錯6. mysql主從 - 請教下mysql 主動-被動模式的雙主配置 和 主從配置在應用上有什么區別？7. java - 我現在一個servlet中有調用socket訪問，作為socket的客戶端，8. python - django 里自定義的 login 方法，如何使用 login_required()9. 主從備份 - 跪求mysql 高可用主從方案10. python如何不改動文件的情況下修改文件的 修改日期
網公網安備