纪念一代传奇科比
代码语言:html
所属分类:其他
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> body { background-color: #14091d; } .purple { fill: #41225d; } .white { fill: white; } .yellow { fill: #d7a611; } .ball { fill: #d06a0f; } .numbers { fill: white; stroke: #41225d; stroke-width: 4.167; } .lakers { fill: white; stroke: #41225d; stroke-width: 2; } .skin { fill: #603b17; } .card { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; } .card svg { height: 100vh; -webkit-transition: all .5s; transition: all .5s; cursor: pointer; } .card svg:hover .purple { fill: #d7a611; } .card svg:hover .yellow { fill: #41225d; } .card svg:hover .skin { fill: #804d1b; } </style> </head> <body translate="no"> <div class="card"> <svg id="kobe-bryant" viewBox="0 0 668 921" style="enable-background:new 0 0 668 921;" xml:space="preserve"> <path class="purple" d="M50,0h568c27.6,0,50,22.4,50,50v821c0,27.6-22.4,50-50,50H50c-27.6,0-50-22.4-50-50V50 C0,22.4,22.4,0,50,0z" /> <rect x="110" y="90" class="white" width="441" height="732" /> <path class="yellow" d="M202,485.4l-39.8,117.9l-2.2,34.6c0,0-9.6-1.4-21.7,44c-8.1,20.7-14.2,45-9.3,63.6 c6.9,27.5,59.7,6.6,59.7,6.6s14.7-9.2,8.1-38.3c17.7-35.7,36.3-63.1,38.3-73c12.5-7,33.2-5.2,33.2-5.2s52.3,2.7,54.6-18.4 c0,0-6.6-26.3-11.1-32.4c1.6-5.3,1.9-10.8,0.7-16.2l14-23.6l21.4-4.4c0,0-1.7,7.8,20.6,30.2c0,0,27,49.6,28,59s-17.7,46.9,22.9,36.1 l64.1-8.1l-10.3-42v-38.3l-4.4-23.6L383.3,492l76.7-60.4c0,0-3.7-23.6-14.7-30.2c0,0-7.9-25.4-11.1-30.2c0,0,58.2-67.4,56.8-70.8 c-0.7-1.6-4.5-25.9-34.7-43.5c-8.4,3.7-24.8,27.1-31.7,42.8c-2.9,6.6,16.5,37.6,15.5,42c-1.8,8.1-22.5-13.2-23.6-14 c0,0-5.9,12.2-17,2.2c0,0-43.5-42.8-53.8-82.6c0,0-19.4-34.2-17.7-46.4c0,0,4.7-16,18.4-14.7c0,0-0.7-6.4-24.3,2.9 c0,0-25.3-2-33.9,2.9c0,0-18.7-1.3-25.8,3.7v5.9l4.4-1.5c0,0,17.5-7.7,25.8,8.1l-13.3,1.5l-7.4,88.4l-64.1-33.9l-37.6-28.7 l-15.5,14.7l-13.3,8.8c0,0,7.4,0.4,5.2,7.4c0,0-5.9,47.9,19.9,87c0,0,48.7,77.1,50.9,87.7L202,485.4z" /> <path class="purple" d="M294.9,209.7l-14,2.2c0,0-10.9-11.8-17-11.8C263.9,200.1,284.2,188.3,294.9,209.7z M458.5,429.3 c0,0,23-18.8-6.6-72.2c0,0-49.6-74.1-67.1-81.1l-5.9,3.7c0,0,34.8,32.4,38.3,52.3C417.3,332,433.8,410.9,458.5,429.3z M198.3,490.5 l-6.6-5.2c0,0,0.2,12-2.9,15.5s-4.9,20.8-6.6,25.8s-7.1,2.9-8.1,17.7s-7.6,19.9-8.8,33.2s-9.1,14.5-7.4,27.3s-0.7,11-2.9,16.2 s-2.9,22.1-2.9,22.1l13.3-4.4l-0.7-19.2l4.4-10.3l-2.2-18.4l11.1-12.5l2.2-19.2l3.7-11.1l5.2-2.9l0.7-17.7l7.4-10.3l1.5-22.8V490.5 L198.3,490.5z M474,553.9c0,0,9.6,11,3.7,53.8c0,0-2,6.1,2.9,13.3c0,0,3.9,1.4,0,13.3c0,0,5.7,15.2,5.2,17c0,0-4.2,2.2-8.1,0.7 s-6.6-19.2-6.6-19.2l0.7-11.1l-2.9-14.7l2.2-27.3l-5.2-9.6l-6.6-12.5L474,553.9z" /> <path class="white" d="M457.1,427.9l6.6-8.8c0,0-9.1-19.9-15.5-24.3c0,0-8.4-26.5-13.3-32.4c0,0-12-31-18.4-38.3l-0.7,10.3 c0,0,8.8,39.8,17.7,58.2s22.1,37.6,22.1,37.6 M206.4,492.7c0,0-7.9-1.8-6.6,17c0,0,0,10.5-4.4,15.5c-3.3,4.7-4.6,10.5-3.7,16.2 c0,0-0.7,6.3-6.6,8.8c0,0-5.2,3.2-2.9,14.7c0,0,2.5,12.7-6.6,18.4c0,0-8.6,4.1-4.4,17c1.6,5.3,0.5,11.1-2.9,15.5 c0,0-3.7,15.7,1.5,18.4c0,0,18.7-6.2,32.4-6.6c0,0,42.5-2.7,47.2-1.5c0,0,23.3,4.9,25.8,2.2c0,0,27.3-32.2,46.5-19.9 c0,0-18.7-5.9-45.7,28c-9.1,0.2-18.2,0-27.3-0.7c0,0-41.5-3.7-59,1.5c0,0-16,4.4-26.5,2.2c0,0-0.2-20.4-0.7-21.4s3.9-5.9,4.4-11.1 c0,0-3.9-12.3-0.7-18.4c0,0,9.6-5.9,9.6-15.5c0,0-3.4-12.6,2.2-17c0,0,2.2-6.7,2.2-8.8c0,0,7.4-2,7.4-8.8c0,0-2-12.6,0.7-16.2 c0,0,8.8-7.2,6.6-16.2c0,0-4.4-11.8,0.7-14S206.4,492.7,206.4,492.7z M463.7,556.9c0,0-0.5,12.2,8.8,17.7c0.7,8.8,0.4,17.7-0.7,26.5 c0,0-2.7,9.5,1.5,16.2c0,0,4.7,4.4,0,14c0,0-0.2,5.9,4.4,8.1c0,0,1.7,6.8,1.5,11.8c0,0,1.2,1.4-37.6,0.7c0,0-23.1,6.1-25.8,7.4 s-5.4-1.5-6.6-2.9c0,0-12.8,4.4-12.5,5.9c0,0-2.7-6.4-2.2-8.8s11.8-6.6,11.8-6.6l2.2,4.4c0,0-2.2,4.4,33.2-6.6l29.5-0.7 c0,0-0.7-5.7-2.2-6.6s1.5-6.9,0-14s-3.7-14.5-2.2-24.3s3.9-17.2,2.2-19.9s-9.8-6.2-10.3-20.6S463.7,556.9,463.7,556.9z M53.5,166 l23.1,22.9c5.6,5.3,5.9,14.1,0.6,19.7c-0.2,0.2-0.4,0.4-0.6,0.6c-3,2.7-6.9,4.2-10.9,4.1c-3.8,0.1-7.5-1.2-10.4-3.6l-1.8-1.6 l-1.8,1.5c-6,5-15.6,4.7-21.2-0.4c-5.7-5.3-6-14.1-0.7-19.8c0.2-0.2,0.4-0.5,0.7-0.7L53.5,166z M61.4,226l-15.8,0l6.1-19.1h3.7 L61.4,226z M72.2,114.5c-4.4-5-20.7-25.7-21.9-27.2c4.7-4.4,9.6-9,13-12.4c4.6-4.6,16-16.5,22.5-16.5v-0.5H64.5v0.5 c7.1,0,6.6,8-0.7,15.3c-6.7,6.7-18.9,18.1-24.7,23.5V69.4c0.1-7.3,0.6-11,6.3-11v-0.5H24.1v0.5c5.7,0,6.2,3.7,6.3,11v47 c-0.1,7.3-0.6,11-6.3,11v0.5h21.3v-0.........完整代码请登录后点击上方下载按钮下载查看
网友评论0