jQuery+CSS3+SVG信用卡結算按鈕與圖示互動動畫特效

CSS3 SVG信用卡結算按鈕與圖示互動動畫特效是一款有趣的個性網頁動畫特效程式碼，當滑鼠經過點擊結算按鈕時，右側圖示出現有趣的動畫效果。
 <h1>每日信用卡結帳：IU 002</h1>
  <div class="wrapper">
    <button class="checkout">立即結算</button>
    <div class="card-wrap">
      <div class="card">
        <?xml version="1.0" encoding="utf-8"?>
        <!-- Generator: Adob​​​​e Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y ="0px"
        viewBox="0 0 216.3 234.1" enable-background="new 0 0 216.3 234.1" xml:space="preserve">
        <g id="shadow">