.button_1:hover #button1_img,.button_2:hover #button2_img{ box-shadow: 0 0 10px #9AFE2E; animation: rotate-x 0.4s; -moz-animation: rotate-x 0.4s; /* Firefox */ -webkit-animation: rotate-x 0.4s; /* Safari 和 Chrome */ -o-animation: rotate-x 0.4s; /* Opera */ } @keyframes rotate-x { 50% { transform: scaleX(0); } 100% { transform: scaleX(1); } } /* IE */ @-ms-keyframes rotate-x { 50% { -ms-transform: scaleX(0); } 100% { -ms-transform: scaleX(1); } } /* Safari and Chrome*/ @-webkit-keyframes rotate-x { 50% { -webkit-transform: scaleX(0); } 100% { -webkit-transform: scaleX(1); } } /* Firefox */ @-moz-keyframes rotate-x { 50% { -moz-transform: scaleX(0); } 100% { -moz-transform: scaleX(1); } } /* Opera */ @-o-keyframes rotate-x { 50% { -o-transform: scaleX(0); } 100% { -o-transform: scaleX(1); } }