单个div+css实现人体x射线照射骷颅头代码

代码语言:html

所属分类:布局界面

代码描述:单个div+css实现人体x射线照射骷颅头代码

代码标签: 单个 div css 人体x 射线 照射 骷颅头 代码

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

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

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

  
  
<style>
body {
  min-height: 300px;
  height: 100vh;
  position: relative;
  background-color: #002525;
}
div {
  position: absolute;
  left: 50%;
  top: 50%;
}
@media (max-width: 400px) {
  div:not(.no-scale) {
    transform: scale(0.8);
  }
}
#bones {
  width: 14em;
  height: 14em;
  margin-left: -7em;
  margin-top: -7em;
  background: radial-gradient(circle, #008b8b 50%, transparent 50.5%) 41% 40%/16% 16%, radial-gradient(circle, #008b8b 50%, transparent 50.5%) 59% 40%/16% 16%, linear-gradient(-60deg, #008b8b 35%, transparent 35.2%) 46.3% 48%/6% 7%, linear-gradient(60deg, #008b8b 35%, transparent 35.2%) 53.7% 48%/6% 7%, linear-gradient(70deg, transparent 20%, #0ff 20.2%) 33% 44%/26% 15%, linear-gradient(-70deg, transparent 20%, #0ff 20.5%) 67% 44%/26% 15%, linear-gradient(-54deg, #008b8b 40%, transparent 40.5%) 25.5% 32%/8% 8%, linear-gradient(54deg, #008b8b 40%, transparent 40.5%) 74.5% 32%/8% 8%, radial-gradient(ellipse, #0ff 32%, transparent 32.2%) 50% -33%/100% 80%, repeating-linear-gradient(to right, #008b8b, #008b8b 10%, transparent 10%, transparent 21%) 51% 61%/19% 8%, linear-gradient(#0ff, #0ff) 50% 54%/23% 10%, linear-gradient(#0ff, #0ff) 50% 65%/30% 5%, linear-gradient(67deg, #0ff 34%, transparent 34.2%) 38% 60.8%/8% 15%, linear-gradient(-67deg, #0ff 34%, transparent 34.2%) 62% 60.8%/8% 15%, radial-gradient(circle at 50% 38%, #008b8b 35%, transparent 35.2%.........完整代码请登录后点击上方下载按钮下载查看

网友评论0