The fun of Transition transition

In this example, three graphs (from the network) are stacked and the mouse hovers over the trigger. Attached source code

<! DOCTYPE html>"Utf-8"> <style type="Text/css">. parent{Width:1000px;height:800px;margin:0auto;position:relative; Background-Color:black;        }. Parent Img{width:300px;height:150px;position:absolute;transition:all 3s;} Img:nth-child (1) {top:300px;left:350px;transform:rotate (45deg); Z-index:3;-webkit-Filter:blur (2px);} Img:nth-child (2) {top:300px;left:350px;z-index:2;-webkit-Filter:blur (3px);} Img:nth-child (3) {top:300px;left:350px;transform:rotate ( -45deg); Z-index:1;-webkit-Filter:blur (1px);} Img:hover{transform:scale (3);-webkit-filter:blur (0px); Z-index: -;} </style>class="Parent"> "https://timgsa.baidu.com/timg?image&quality=80&size=b10000_10000&sec=1468408683931&di= 0ef6a07b6b38ec2a7c0be9794922605a&imgtype=jpg&src=http%3a%2f%2fimg2.3lian.com%2f2014%2fc7%2f27%2fd%2f23.jpg"> "https://timgsa.baidu.com/timg?image&quality=80&size=b10000_10000&sec=1468408683929&di= c96c378ca0d60d7147fedbc2366da230&imgtype=jpg&src=http%3a%2f%2fa2.att.hudong.com%2f06%2f10% 2f300001190914130190105052966_950.jpg"> "https://timgsa.baidu.com/timg?image&quality=80&size=b10000_10000&sec=1468408683928&di= 0553506fb8bcf19f4e9a818fd6fbc69d&imgtype=jpg&src=http%3a%2f%2fwww.bz55.com%2fuploads%2fallimg%2f150331 %2f139-1503311u111.jpg"></div></body>
 Transition fun for the transition