包磊磊的博客

微信------18800171167

小车


  <!DOCTYPE html>
  <html>
  <head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
  #bg{width: 100%;height: 500px;background: url(img/bg.png);position: relative;}
  #bg img{position: absolute;bottom: 0;left: 0;}
   
  @-webkit-keyframes run{
   
  49%{transform: rotateY(0);left: 95%;}
  50%{transform: rotateY(180deg);left: 95%;}
  99%{transform: rotateY(180deg);left: 0;}
  }
   
  #bg:hover img{animation: run 5s linear infinite;}
   
  </style>
  </head>
  <body>
  <div id="bg">
  <img src="img/car.png" alt="" />
  </div>
  </body>
  </html>
 
  <!DOCTYPE html>
  <html>
  <head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
  #bg{width: 100%;height: 500px;background: url(img/bg.png);position: relative;}
  #bg img{position: absolute;bottom: 0;left: 0;}
   
  @-webkit-keyframes run{
   
  49%{transform: rotateY(0);left: 95%;}
  50%{transform: rotateY(180deg);left: 95%;}
  99%{transform: rotateY(180deg);left: 0;}
  }
   
  #bg:hover img{animation: run 5s linear infinite;}
   
  </style>
  </head>
  <body>
  <div id="bg">
  <img src="img/car.png" alt="" />
  </div>
  </body>
  </html>
 
阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_34629352/article/details/52372301
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

不良信息举报

小车

最多只允许输入30个字

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭