x光照射显示人体骨骼动画效果代码
代码语言:html
所属分类:动画
代码描述:x光照射显示人体骨骼动画效果代码
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <style> body { margin: 0; height: 100vh; display: flex; align-items: center; justify-content: center; overflow: hidden; } .person { width: 320px; height: 537px; background-image: url(//repo.bfw.wiki/bfwrepo/image/5f8e16974453d.png); position: relative; cursor: move; } .person .inside { width: 100%; height: 100px; background-image: url(//repo.bfw.wiki/bfwrepo/image/5f8e16b3b033a.png); background-position: center; box-sizing: border-box; border: 5px solid gray; border-radius: 0.3em; position: absolute; top: 25%; background-attachment: fixed; pointer-events: none; } .selector { position: absolute; width: 9em; top: calc(50% - 8em / 2); left: 3em; display: grid; grid-template-columns: repeat(2, 1fr); } .selector input { width: 1.2em; height: 1.2em; } .selector label { font-size: 1.5e.........完整代码请登录后点击上方下载按钮下载查看
网友评论0