利用CSS3做简单的图片上下左右翻转

今天想在页面上加一点效果，所以就做了一个图片翻转
直接上代码吧：

1.第一步肯定是在HTML页面上放入图片

     <img class="transition" src="XXX.jpg" /></li>

2.第二步骤就是在改元素下面添加一个transition，参数分别表示时间和移动的效果

  .transition {
    -webkit-transition: .9s ease-out;
       -moz-transition: .9s ease-out;
        -ms-transition: .9s ease-out;
         -o-transition: .9s ease-out;
            tra