css3绘制两片切半的猕猴桃秀恩爱动画,让我们拥抱一下,生活可以很轻松。
使用方法
1、head引入css文件
<!--图标样式--> <link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.8.2/css/all.min.css'> <!--主要样式--> <link rel="stylesheet" href="css/style.css">2、body引入部分
<div class="container"> <div class="css-drawing"> <i class="fas fa-heart"></i> <div class="avocado-body-right"> <div class="avocado-face"> <div class="smiley-eyes"></div> <div class="smiley-eyes right"></div> <div class="blush-l"></div> <div class="blush-r"></div> <div class="mouth happy"></div> </div> <div class="avocado-seedless"> <div class="highlight-cover"></div> </div> <div class="shell"></div> <div class="shadow"></div> </div> <div class="avocado-body"> <div class="avocado-face"> <div class="circle-eyes"> <div class="blush-l"></div> <div class="blush-r"></div> </div> <div class="mouth happy"></div> </div> <div class="avocado-seed"> <div class="highlight"></div> <div class="highlight-cover"></div> <div class="highlight-circle"></div> </div> <div class="shell"></div> <div class="shadow"></div> </div> </div> <h1>让我们拥抱一下!</h1> </div>