单个div+css实现卡通人物美女效果代码-html代码-BFW代码库

单个div+css实现卡通人物美女效果代码

代码语言：html

代码描述：单个div+css实现卡通人物美女效果代码

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

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

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

  
  
<style>
body {
  min-height: 400px;
  height: 100vh;
  position: relative;
  background-color: #9acd32;
}
div {
  position: absolute;
  left: 50%;
  top: 50%;
}
div::before,
div::after {
  display: block;
  content: '';
  position: absolute;
}
@media (max-width: 400px) {
  div:not(.no-scale) {
    transform: scale(0.8);
  }
}
#artist {
  width: 250px;
  height: 250px;
  margin-left: -125px;
  margin-top: -90px;
  background: radial-gradient(circle, white 50%, rgba(255,255,255,0) 51%) 15% 43%/6% 6%, radial-gradient(circle, #d3d3d3 50%, rgba(255,255,255,0) 51%) 13.5% 43%/10% 10%, radial-gradient(ellipse, #7fffd4 35%, rgba(127,255,212,0) 36%) 11.9% 58%/14% 20%, radial-gradient(ellipse, #00ced1 50%, rgba(0,206,209,0) 51%) 11.9% 58%/14% 20%, linear-gradient(#d3d3d3, #d3d3d3) 16.8% 51%/1% 10%, radial-gradient(circle, white 50%, rgba(255,255,255,0) 51%) 84.9% 43%/6% 6%, radial-gradient(circle, #d3d3d3 50%, rgba(255,255,255,0) 51%) 86.5% 43%/10% 10%, radial-gradient(ellipse, #7f.........完整代码请登录后点击上方下载按钮下载查看