ORIZUME - オリズメ

1976.CSS3のobject-fit対応確認。iOS 8もAndroid Browserも。

0

夏に先行してサポートしたCSS3の機能「object-fit」。
iOSもAndroidも、しっかりサポートしてくれました。
おかげで…

IMG_6062

IMG_6063
アスペクト比はバッチリ。ハートがキレイになりました。

IMG_6061

文字も…
IMG_6060
プロダクトも…
IMG_6059
正方形がたくさん出てきても…
IMG_6058
風景も…
CSSのimgに使える、とても簡単で効果的な方法なので、おすすめです。

技術の解説は、こちらに詳しく掲載しています。

この表示をサポートしているデバイスやブラウザは…
Support

グローバルで50%以上。日本で38.9%?なんで少ないんだろう?

次は、注目していたCSS filter effectsに挑戦したいと思ってます。

Comments are closed.