JSFiddle - React, Tailwind, and code Playground

by abhitalks

HTML

<div id="c_a">
    <object data="https://www.google.ro/images/srpr/logo11w.png" type="image/png"></object>
</div>

CSS

html, body { width: 100%; }
div#c_a { width: 60%; }
#c_a object {
    -webkit-transition: 1s;
    position: relative;
    width: 100%;
    height: 100%;
    max-width: 600px;
    max-height: 400px;
    vertical-align: text-top;
}
#c_a object:hover {
    width: 200%;
    height: 200%;
    max-width: 200%;
    max-height: 200%;
}