JSFiddle - React, Tailwind, and code Playground

by jasonhsu

HTML

<img id ="mcdonald_uncle" src="http://lilt.ilstu.edu/rtdirks/images/main_f1.jpg">
<img id = "hamburger" src="http://1.bp.blogspot.com/-ldbd23S0qgc/TdV6ZRgZ9TI/AAAAAAAABWA/vctavwOJDsA/s400/fast+food.jpg">
<img id = "slogan" src="http://www.healthylifeessex.co.uk/pages/Sustainability/images/LoveFoodHeading.jpg">

CSS

#mcdonald_uncle{
    height:200px; 
    width:200px;
    -webkit-transition:all 1s;
}

#hamburger{
    height:150px; 
    width:200px;
    -webkit-transition:all 1s;
}

#slogan{
    height:200px; 
    width:400px;
    top:200px;
    left:0px;
    -webkit-transition:all 1s;
}

img:hover {
   -webkit-transform:scale(2) translate(50px,50px) rotate(15deg);
}