程序员也可以很浪漫，精选10个圣诞节特效网页设计-前端HTML+CSS等实现

最近离圣诞节不远了、整理了一些关于圣诞相关的前端特效网页设计和小游戏的代码送大家、直接上效果吧。

html5基于svg绘制调皮圣诞老人：

<![CDATA[      @import url('https://fonts.googleapis.com/css?family=Luckiest+Guy');      .bg {fill: #4285f4}      .footprint{fill:#4285f4}      .pink{fill:#ffafd4}      .red{fill:#900f10}      .white{fill:#fff}      .black{fill:#000}      .stroke{stroke:#000;stroke-width:1}      .txt{fill:#f0f7ff;font-family:'Luckiest Guy', cursive;font-size:60px;text-transform:uppercase;}      .hidden{opacity:0}      svg{width:100%;padding-bottom: 55.55%;height:1px;overflow: visible;visibility:hidden;} ]]>
    </style>
  </defs>
  <script xlink:href="js/TweenMax.min.js" type="text/javascript"></script>
  <script type="text/javascript">

沉睡的圣诞老人动画背景：

   <div class="santa">
            <div class="disc&