0

なぜ他のすべてのブラウザーが私の TUMBLR カスタマイズ テーマで動作するのか、Mozilla には独自の方法があるように見えるのはなぜだろうと思っていました。

#post img {
width:500px;
margin-left: -43px;
opacity:0.75;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */     
filter: gray; /* IE6-9 */
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%); 
transition: all 0s 99999s;
-moz-transition: all 0s 99999s; 
-webkit-transition: all 0s 99999s;
}

#post img:hover {
opacity:1;
filter: none !important;
/* transition on mouseover */
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out; 
}

基本的には、ホバーを永続的な状態にすることを目的としていました。すべての写真が灰色になり、その後色が変わり、永続的な状態が維持されます。コードには、イメージの通常の状態への遷移の遅延が含まれています。

何が問題なのか教えてください。どうもありがとう！ピーター。

4

0 に答える 0