H5 SVG大海海鸥飞过场景特效代码下载


H5 SVG大海海鸥飞过场景特效代码下载
H5 SVG大海海鸥飞过场景特效代码下载以及SVG、大海海鸥、飞过场景等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" href="css/style.css">

2. 引入JS

<script src='js/TweenMax.min.js'></script>
<script src="js/script.js"></script>

3. HTML代码

<div id="container">
  <div id="water"></div>
  <div class="bird bird1"></div>
  <div class="bird bird2"></div>
  <div class="bird bird3"></div>  
</div>
<div id="compass">
  <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100px" height="100px">
    <circle opacity="0.5" fill="#fff" cx="25" cy="25" r="25">
    <path class="cView" fill="#fff" d="M50,25c-14.33,0-25,0-25,0s0-7,0-25C38.81,0,50,11.19,50,25z">
    <circle fill="#fff" cx="25" cy="25" r="4.67">
  </svg>
</div>

相关推荐

发表评论

相关文章