一个div画出一个球体光影效果-html代码-BFW代码库

一个div画出一个球体光影效果

代码语言：html

代码描述：一个div画出一个球体光影效果

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


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<style>
* {
  border: 0;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background: #17181c;
}

.drawing {
  background: linear-gradient(90deg, #53402d 10.5%, #483727 21.75%, #53402d 22% 30.625%, rgba(83, 64, 45, 0) 30.625%) 0 0/100% 100%, linear-gradient(90deg, rgba(83, 64, 45, 0) 68.5%, #53402d 68.5%) 0 0/100% 100%, linear-gradient(15deg, #53402d 22.9%, rgba(83, 64, 45, 0) 23%) 49.25% 0/38% 100%, radial-gradient(100% 140% at 50% 70%, rgba(177, 143, 110, 0) 49%, #b18f6e 50%) 50.625% 64.8%/13.25% 12.9%, linear-gradient(#b18f6e 72%, rgba(177, 143, 110, 0) 72%) 58.25% 64.8%/2% 12.9%, radial-gradient(200% 100% at 0 50%, rgba(104, 80, 56, 0) 48%, rgba(104, 80, 56, 0.4) 48.5% 49.5%, rgba(104, 80, 56, 0) 50%) 53% 68.6%/5% 17.7%, radial-gradient(6% 8% at 55% 60%, #c9b39c, rgba(201, 179, 156, 0) 50%), linear-gradient(50deg, rgba(188, 159, 131, 0) 63%, #bc9f83 80%) 50.625% 68.8%/13.25% 17.7%, radial-gradien.........完整代码请登录后点击上方下载按钮下载查看