Demo of object fit

Screenshot of the demo

I created a demo on the new CSS object-fit property. It’s like background-size cover or contain. But object-fit works on the media instead of the background. The demo works in Safari, Chrome, Firefox and mobile Safari, mobile Chrome.

–mz
2015-02-27.

◀ .htaccess Resources Mozilla easter egg ▶

overlaied image when clicked on thumbnail

Makzan | Web design scrapbook | Table of Content

Learning flexbox
The CSS 3D book effect
Responsive philosophy
Cascading style sheet is 20 years old
CSS rules priority
Learning grid system of Foundation for App
60 fps on mobile web
Basecamp’s 404 page
Twitter’s fav icon with CSS step function
.htaccess Resources
→Demo of object fit
Mozilla easter egg
Animation should be invisible to user
CSS Quantity Selector
Gray highlight and active state in mobile Safari
Lazy design
Put script after content
Start using flexbox today