Twitterで画像ズーム
PageExpand等で画像にマウスカーソルを乗せると画像が拡大する機能を使っているのですが、これを減らせないか考えました。CSSで機能します。
@-moz-document url-prefix("https://twitter.com") { .AdaptiveMedia-photoContainer img{-moz-transition: -moz-transform 0.2s linear; -webkit-transition: -webkit-transform 0.2s linear; -o-transition: -o-transform 0.2s linear; -ms-transition: -ms-transform 0.2s linear; transition: transform 0.2s linear;} .AdaptiveMedia-photoContainer img:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);} }
この辺からです。
https://qiita.com/midasmn/items/d930a5cb1e77828265be
あくまで拡大しているだけなので完全な画像が表示されるわけではありませんが、これで気になるようならTwitter 原寸びゅーで表示しています。こちらはユーザスクリプト版もあるので安心ですね。