テーブルセルにカーソルを合わせたときにフィルターを適用するために、テーブルセル内の画像を取得しようとしています。CSSだけでこれを行う方法があるかどうかはわかりません。
[編集]
table.flip td:hover {
background-color: #510000;
cursor: pointer;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;}
table.flip td:hover img {
-webkit-filter: brightness(400%);
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;}
上記は、マウスアウトがトランジション効果を再度適用しないという事実を除いて、現在機能しています。マウスインするとフェードインしますが、マウスアウトすると点滅して元の状態に戻ります。上記のコードは、このフィルターをサイトに適用している他のすべての画像で機能します (トランジションのインとアウトの観点から)。
テーブルだから?テーブルもフレーム内にありますが、他のフィルター処理された画像も同様です。元に戻らない理由がわかりません。