单个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, #7fffd4 35%, rgba(127,255,212,0) 36%) 88% 58%/14% 20%, radial-gradient(ellipse, #00ced1 50%, rgba(0,206,209,0) 51%) 88% 58%/14% 20%, linear-gradient(#d3d3d3, #d3d3d3) 83% 51%/1% 10%, radial-gradient(circle, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0) 50.8%) 15% 35%/11% 11%, radial-gradient(circle, #f4a460 50%, rgba(244,164,96,0) 50.8%) 11% 35%/16% 16%, radial-gradient(circle, #a0522d 50%, transparent 50.8%) 8.8% 34.3%/20% 20%, radial-gradient(circle, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0) 50.8%) 85% 35%/11% 11%, radial-gradient(circle, #f4a460 50%, rgba(244,164,96,0) 50.8%) 89% 35%/16% 16%, radial-gradient(circle, #a0522d 50%, transparent 50.8%) 91% 34.3%/20% 20%, radial-gradient(ellipse, white 15%, rgba(255,255,255,0) 16%) 50% 105%/14% 20%, radial-gradient(ellipse, #d3d3d3 30%, rgba(211,211,211,0) 31%) 50% 105%/14% 20%, radial-gradient(ellipse at 50% 0, transparent 29.5%, #a52a2a 30%, #a52a2a 33%, transparent 33.5%) 50% 109%/46% 30%, radial-gradient(ellipse at 50% 0, transparent 29.5%, #a52a2a 30%, #a52a2a 33%, transparent 33.5%) 50% 113%/45% 30%, radial-gradient(ellipse at 50% 0, transparent 29.5%, #a52a2a 30%, #a52a2a 33%, transparent 33.5%) 50% 173%/46% .........完整代码请登录后点击上方下载按钮下载查看