单个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