用css布局把自己头像画出来-html代码-BFW代码库

用css布局把自己头像画出来

代码语言：html

代码描述：简单的动态导航显示动画效果

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


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

<style>
html {
  height: 100%;
  width: 100%;
}
body {
  width: 100%;
  height: 100%;
  position: relative;
  left: 0;
  top: 0;
  margin: 0;
  background-color: black;
  background-image: linear-gradient(70deg, #B3935DFF 5%, #F9EFD3FF 50%, transparent ), linear-gradient(to top left, transparent 40%, #3D3434FF 75%), radial-gradient(#84512DD4 , transparent 71%), radial-gradient(#84512DD4 , transparent 71%), radial-gradient(at right, #4D3B13C4 , transparent 71%), linear-gradient(to top right, transparent 40%, #5F5553FF 75%), radial-gradient(at left, #4D3B13C4 , transparent 71%), radial-gradient(#3A2D11D4 , transparent 71%), linear-gradient(119deg, transparent 0px, #3A2D119C 11px, transparent 23px), radial-gradient(#3A2D11FF , transparent 71%), linear-gradient(170deg, transparent 6px, #3A2D11B8 14px, #3A2D11B8 , transparent 21px), radial-gradient(#3A2D11DB , transparent 71%), linear-gradient(37deg, transparent 40%, #322710FF 60%, #322710FF 65%, transparent 70%), radial-gradient(at left 20px, transparent 10%, #322710BF 25%, #322710BF , transparent 71%), linear-gradient(189deg, transparent 6px, #493812B0 14px, #493812B0 , transparent 21px), linear-gradient(140deg, transparent 20%, transparent , #67594E57 , transparent , #67594E57 , transparent 60%), linear-gradient(150deg, transparent 25%, #FFFFFF4D , transparent 55%), radial-gradient(at 30px bottom, transparent 19%, #32271063 , #8D6C2EB0 48%, #3227103D , transparent 71%).........完整代码请登录后点击上方下载按钮下载查看