js基于css3绘制卡通狗爱心表白动画页面特效。
使用方法
1、head引入css文件
<!--字体库--> <link href="https://fonts.googleapis.com/css?family=Lobster|Roboto" rel="stylesheet"> <!--核心样式--> <link rel="stylesheet" href="css/style.css">2、body引入HTML代码
<div class="dog"> <div class="ear"></div> <div class="ear"></div> <div class="cabeza"></div> <div class="marca"></div> <div class="ojos"> <div class="brillo"></div> </div> <div class="ojos"> <div class="brillo"></div> </div> <div class="trompa"> <div class="nariz"></div> <div class="boca"></div> </div> <div class="madibula"></div> </div> <div class="texto"> <h1>I Love Dogs</h1> <span>CSS Grid</span> </div> <!--冒泡的爱心方法--> <script src="js/index.js"></script>