.map g:hover{ -webkit-animation: bb 2s alternate infinite; -moz-animation: bb 2s alternate infinite; -ms-animation: bb 2s alternate infinite; -o-animation: bb 2s alternate infinite;? ? animation: bb 2s alternate infinite;}@-webkit-keyframes bb{? ? 25%{? ? ? ? fill: rgba(0, 153, 255, 0.8);? ? ? ? -webkit-transform-origin: 50% 50%;? ? ? ? -webkit-transform:scale(1.2);? ? }? ? 50%{? ? -webkit-transform-origin: 50% 50%;? ? }? ? 75%{? ? -webkit-transform-origin: 50% 50%;? ? -webkit-transform:scale(1.5);? ? 100%{? ? -webkit-transform-origin: 50% 50%;? ? }}@-moz-keyframes bb{? ? 25%{? ? ? ? fill: rgba(0, 153, 255, 0.8);? ? ? ? -moz-transform-origin: 50% 50%;? ? ? ? -moz-transform:scale(1.2);? ? }? ? 50%{? ? ? ? -moz-transform-origin: 50% 50%;? ? }? ? 75%{? ? ? ? -moz-transform-origin: 50% 50%;? ? ? ? -moz-transform:scale(1.5);? ? }? ? 100%{? ? ? ? -moz-transform-origin: 50% 50%;? ? }}@-ms-keyframes bb{? ? 25%{? ? ? ? fill: rgba(0, 153, 255, 0.8);? ? ? ? -ms-transform-origin: 50% 50%;? ? ? ? -ms-transform: scale(1.2);? ? }? ? 50%{? ? ? ? -ms-transform-origin: 50% 50%;? ? }? ? 75%{? ? ? ? -ms-transform-origin: 50% 50%;? ? ? ? -ms-transform: scale(1.5);? ? }? ? 100%{? ? ? ? -ms-transform-origin: 50% 50%;? ? }}@-o-keyframes bb{? ? 25%{? ? ? ? fill: rgba(0, 153, 255, 0.8);? ? ? ? -o-transform-origin:50% 50%;? ? ? ? -o-transform:scale(1.2);? ? }? ? 50%{? ? ? ? -o-transform-origin:50% 50%;? ? }? ? 75%{? ? ? ? -o-transform-origin:50% 50%;? ? ? ? -o-transform:scale(1.5);? ? }? ? 100%{? ? ? ? -o-transform-origin:50% 50%;? ? }}@keyframes bb{? ? 25%{? ? ? ? fill: rgba(0, 153, 255, 0.8);? ? ? ? transform-origin:50% 50%;? ? ? ? transform:scale(1.2);? ? }? ? 50%{? ? ? ? transform-origin:50% 50%;? ? }? ? 75%{? ? ? ? transform-origin:50% 50%;? ? ? ? transform:scale(1.5);? ? }? ? 100%{? ? ? ? transform-origin:50% 50%;? ? }}
1 回答
火丁啊
TA貢獻(xiàn)14條經(jīng)驗(yàn) 獲得超6個(gè)贊
為什么只兼容谷歌？因?yàn)檫@個(gè)css用了大量的-webkit-，-webkit-頭并不是css標(biāo)準(zhǔn)屬性，是webkit內(nèi)核自有的。-moz-頭也是如此，是火狐自有的。
- 1 回答
- 1 關(guān)注
- 1383 瀏覽
添加回答
舉報(bào)
0/150
提交
取消