js+css实现吃饼干loading加载动画效果代码-html代码-BFW代码库

js+css实现吃饼干loading加载动画效果代码

代码语言：html

代码描述：js+css实现吃饼干loading加载动画效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  

  
  
<style>
@import url(https://fonts.googleapis.com/css?family=Bungee);

body {
	height: 100vh;
	margin: 0;
	display: grid;
	place-items: center;
	background: PapayaWhip;
}

.cookie-box {
	display: flex;
	animation: bounce 3s ease infinite;
	margin-top: 50px;
}

.cookie, .cookie2 .choc-chip-box {
#	grid-column: 1;
#  grid-row: 1;
}

.cookie {
	height: 150px;
  width: 150px;
  background-color: #D27D2D;
	border-radius: 50% 45% 55% 45%;
}

.cookie2 {
	height: 150px;
  width: 150px;
	margin-left: -150px;
  background-color: #D27D2D;
	border-radius: 45% 45% 45% 45%;
	transform: rotate(40deg);
}

.choc-chip-box {
	height: 150px;
	width: 150px;
	margin-right: -150px;
	z-index: 1;
}

.choc-chip {.........完整代码请登录后点击上方下载按钮下载查看