div+Css布局实现火鸡节快乐效果代码-html代码-BFW代码库

div+Css布局实现火鸡节快乐效果代码

代码语言：html

代码描述：div+Css布局实现火鸡节快乐效果代码

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

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

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

  
  
  
<style>
div,
div:before,
div:after {
  display: block;
  content: "";
  position: absolute;
  box-sizing: border-box;
}

body {
  height: 100vmin;
  width: 100vmin;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  position: relative;
  background-color: #faf1d1;
  margin: 0 auto;
}

div.turkey {
  width: 100vmin;
  height: 100vmin;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  position: relative;
  background: radial-gradient(ellipse at 50% 50%, #2a1f1d 0.5vmin, transparent 0.75vmin) 39.5vmin 25.5vmin/2vmin 2vmin no-repeat, radial-gradient(ellipse at 50% 75%, #812020 3.5vmin, transparent 1vmin) 35.5vmin 22vmin/10vmin 7vmin no-repeat, linear-gradient(90deg, #812020 5vmin, transparent 1vmin) 37.5vmin 27vmin/10vmin 10vmin no-repeat, radial-gradient(ellipse at 50% 20%, #da4b45 1vmin, transparent 1vmin) 36vmin 31.5vmin/2vmin 2.5vmin no-repeat, linear-gradient(90deg, #da4b45 7vmin, transparent 1vmin) 36vmin 27vmin/2vmin 5vmin no-repeat, radial-gradient(ellipse at 50% 75%, #da4b45 3.5vmin, transparent 1vmin) 34.5vmin 22vmin/10vmin 7vmin no-repeat, linear-gradient(-25deg, #2a1f1d 2vmin, transparent 1vmin) 33vmin 25vmin/4vmin 4vmin no-repeat, linear-gradient(90deg, #812020 7vmin, transparent 1vmin) 37vmin 27vmin/12vmin 16vmin no-repeat, radial-gradient(ellipse at 50% 25%, #812020 1vmin, transparent 1vmin) 36.5vmin 42vmin/3vmin 5vmin no-repeat, radial-gradient(ellipse at 50% 25%, #812020 1vmin, transparent 1vmin) 38.25vmin 42vmin/3vmin 5vmin no-repeat, radial-gradient(ellipse at 50% 25%, #812020 1vmin, transparent 1vmin) 39.75vmin 42vmin/3vmin 5vmin no-repeat, radial-gradient(ellipse at 50% 25%, #812020 1vmin, transparent 1vmin) 41.5vmin 42vmin/3vmin 5vmin no-repeat, linear-gradient(25deg, #52483b 6.25vmin, transparent 1vmin) 62.75vmin 37vmin/20vmin 6vmin no-repeat, linear-gradient(145deg, #52483b 8vmin, transparent 1vmin) 62.75vmin 43vmin/20vmin 8vmin no-repeat, radial-gradient(ellipse at 50% 50%, #52483b 10vmin, transparent 1vmin) 50vmin 36vmin/20vmin 16vmin no-repeat, radial-gradient(ellipse at 50% 50%, #2a1f1d 15vmin, tran.........完整代码请登录后点击上方下载按钮下载查看