用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%), linear-gradient(120deg, transparent 30%, #FDFBFB33 , transparent , transparent , #FDFBFB33 , #FDFBFB30 , transparent 65%), radial-gradient(at 35px -100px, transparent 55%, #88837078 , transparent , #88837078 , transparent 71%), radial-gradient(at center, #D5A888FF 32%, transparent 71%), radial-gradient(at right 7px, #FCFBFAFF 10%, #FAEEE4FF 35%, #99633D08 40%, transparent 70%), radial-gradient(at center 60px, transparent, transparent 20%, #322710FF 30%, #322710FF 52%, #3C2F16FF 67%, transparent 71%), linear-gradient(to bottom right, #FFFFFFA6 , transparent), linear-gradient(78deg, transparent 42%, #322710FF 59%, #322710FF 95%, transparent ), radial-gradient(at left 10px, transparent 32%, #99633DA1 38%, transparent 55%), radial-gradient(at 45px 60px, #322710FF 55%, #53401DFF 67%, transparent 71%), linear-gradient(to top right, transparent 30%, white 50%, transparent), linear-gradient(to top left, transparent, transparent 40%, #FFECD6FF 60%, #FFECD6FF 75%, transparent ), radial-gradient(at 80px 90px, transparent, transparent 46px, #322.........完整代码请登录后点击上方下载按钮下载查看