#header { width:800px; height:500px; border:1px solid orange; margin:0px auto; } #header>div { float:left; text-align:center; line-height:30px; } .you { width:200px; height:300px; padding-top:50px; padding-left:50px; } .mo { width:200px; height:300px; padding-top:50px; padding-left:50px; } .tian { width:200px; height:300px; padding-top:50px; padding-left:50px; } .c1 { width:120px; height:30px; border:1px solid #ddd; margin-left:40px; margin-top:20px; } .c1 { }.c2 { width:120px; height:30px; border:1px solid #ddd; margin-left:40px; margin-top:20px; } .c3 { width:120px; height:30px; border:1px solid #ddd; margin-left:40px; margin-top:20px; } img { transition:all 1s ease; } img:hover { transform:rotate(360deg); } #d1>div { padding:1px; } #d1>div:hover { border:2px solid black; padding:0px; transform: } .a1 { transition:all 1s ease 0.2s; } .a1 { width:122px; height:2px; background:white; position:relative; left:-125px; } .c1:hover .a1 { background:red; transform:translate(125px,0px); } .c2:hover .a1 { background:red; transform:translate(125px,0px); } .c3:hover .a1 { background:red; transform:translate(125px,0px); } .a2 { width:2px; height:34px; background:white; position:relative; left:-2px; top:-68px; transition:all 1s ease 0.2s; } .c1:hover .a2 { background:red; transform:translate(0px,35px); } .c2:hover .a2 { background:red; transform:translate(0px,35px); } .c3:hover .a2 { background:red; transform:translate(0px,35px); } .a3 { width:123px; height:2px; background:white; position:relative; left:123px; top:-68px; transition:all 1s ease 0.2s; } .c1:hover .a3 { background:red; transform:translate(-124px,0px); } .c2:hover .a3 { background:red; transform:translate(-124px,0px); } .c3:hover .a3 { background:red; transform:translate(-124px,0px); } .a4 { width:2px; height:32px; background:white; position:relative; left:120px; top:-35px; transition:all 1s ease 0.2s; } .c1:hover .a4 { background:red; transform:translate(0px,-33px); } .c2:hover .a4 { background:red; transform:translate(0px,-33px); } .c3:hover .a4 { background:red; transform:translate(0px,-33px); }