纪念一代传奇科比

代码语言: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