JS特效第157弹：卡通圣诞树动画特效

作者：码创造者 | 2024-07-23 18:01:48

踩

JS特效第157弹：卡通圣诞树动画特效

css3绘制卡通节日圣诞树，挂着灯饰闪闪发光的圣诞树动画特效，先来看看效果：

一部分关键的代码如下：


<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>CodePen - CSS Christmas Tree</title>
 
<link rel="stylesheet" href="css/style.css">
 
</head>
<body>
 
  <div class="box-canvas">
    <div class="trunk"></div>
    <div class="tree"></div>
    <div class="star"></div>
    <div class="lights-group bottom">
      <div class="light"></div>
      <div class="light"></div>
      <div class="light"></div>
      <div class="light"></div>
      <div class="light"></div>
    </div>
    <div class="lights-group top">
      <div class="light"></div>
      <div class="light"></div>
      <div class="light"></div>
      <div class="light"></div>
    </div>
  </div>
  
</body>
</html>

全部代码：卡通圣诞树动画特效

声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop】