關於您的多個CSS3過渡

在此先感謝我讀上CSS3 Multiple Transitions of the Same Element你的觀點，並添加下面我代碼，它似乎並沒有爲我工作，但不知道是否是因爲你不能沒有調用所有目標規模的解決方案？關於您的多個CSS3過渡

代碼：

.link-amazon a { 
    background:url(https://dl.dropboxusercontent.com/u/47292400/amazon1.png) no-repeat scroll 0 0 rgba(0,0,0,0); 
    display:block; 
    float:left; 
    height:140px; 
    position:relative; 
    text-indent:-3000px; 
    width:258px; 
    -moz-transform:scale(1); 
    -webkit-transform:scale(1); 
    -o-transform:scale(1); 
    -ms-transform:scale(1); 
    transform:scale(1); 
    -webkit-transition: scale .7s ease-in-out,background-position 0 linear; 
    -moz-transition: scale .7s ease-in-out,background-position 0 linear; 
    -ms-transition: scale .7s ease-in-out,background-position 0 linear; 
    -o-transition: scale .7s ease-in-out,background-position 0 linear; 
    transition: scale .7s ease-in-out,background-position 0 linear; 
} 

.link-amazon a:hover { 
    background-position:0 -140px; 
    -moz-transform:scale(1.1); 
    -webkit-transform:scale(1.1); 
    -o-transform:scale(1.1); 
    -ms-transform:scale(1.1); 
    transform:scale(1.1); 
    opacity:1; 
}

也嘗試過這個....

.link-amazon a { 
    background:url(https://dl.dropboxusercontent.com/u/47292400/amazon1.png) no-repeat scroll 0 0 rgba(0,0,0,0); 
    display:block; 
    float:left; 
    height:140px; 
    position:relative; 
    text-indent:-3000px; 
    width:258px; 
    -moz-transform:scale(1); 
    -webkit-transform:scale(1); 
    -o-transform:scale(1); 
    -ms-transform:scale(1); 
    transform:scale(1); 
    -webkit-transition:transform .7s ease-in-out,background-position 0 linear; 
    -moz-transition:transform .7s ease-in-out,background-position 0 linear; 
    -ms-transition:transform .7s ease-in-out,background-position 0 linear; 
    -o-transition:transform .7s ease-in-out,background-position 0 linear; 
    transition:transform .7s ease-in-out,background-position 0 linear; 
}

其中規模用於變，但它仍然無法正常工作切換。

來源

2014-02-24 David Alexander

你要轉型的財產，而不是屬性的值（即，變換和無法擴展） – vals

試過，像...下面 –

如果您正在使用此

-moz-transform:scale(1);

用於Firefox，那麼你應該如果你正使用該

-webkit-transform:scale(1);

的WebKit的使用

-moz-transition: -moz-transform .7s ease-in-out,background-position 0 linear;

，你應該使用

-webkit-transition: -webkit-transform .7s ease-in-out,background-position 0 linear;

等等...

來源

2014-02-25 17:50:57 vals

如果你看到我的上述我有其次是，但它仍然無法正常工作，你可以看到我的代碼在上面的答案嗎？我仍然熟悉stackoverflow，你不能把代碼放在評論中？ –

關於您的多個CSS3過渡

回答

相關問題