css3全球冠状病毒插图特效代码下载


css3全球冠状病毒插图特效代码下载
css3全球冠状病毒插图特效代码下载以及全球冠状、病毒插图等js/jquery网页特效代码下载。

1. 引入CSS

<link rel="stylesheet" href="css/style.css">

2. HTML代码

<div class="covid-wrapper">
  <div class="viruses">
    <div class="virus"></div>
    <div class="virus"></div>
    <div class="virus"></div>
    <div class="virus"></div>
    <div class="virus"></div>
    <div class="virus"></div>
    <div class="virus"></div>
    <div class="virus"></div>
    <div class="virus"></div>
    <div class="virus"></div>
  </div>
  <div class="covid-arms"></div>
  <div class="covid-arms right"></div>
  <div class="earth-wrapper">
    <div class="earth-detail"></div>
    <div class="earth">
      <div class="covid-eyes earth-eyes"></div>
      <div class="covid-eyes earth-eyes left"></div>
      <div class="mask"></div>
      <div class="mask-wrapper"></div>
      <div class="mask-detail"></div>
      <div class="mask-back"></div>
      <div class="earth-green">
        <div class="earth-greens"></div>
        <div class="earth-greens"></div>
        <div class="earth-greens"></div>
        <div class="earth-greens"></div>
        <div class="earth-greens"></div>
        <div class="earth-greens"></div>
        <div class="earth-greens"></div>
        <div class="earth-greens"></div>
        <div class="earth-greens"></div>
        <div class="earth-greens"></div>
        <div class="earth-greens"></div>
      </div>
    </div>
  </div>
  <div class="covid">
    <div class="covid-spots">
      <div class="covid-spot"></div>
      <div class="covid-spot"></div>
      <div class="covid-spot"></div>
      <div class="covid-spot"></div>
      <div class="covid-spot"></div>
      <div class="covid-spot"></div>
      <div class="covid-spot"></div>
      <div class="covid-spot"></div>
      <div class="covid-spot"></div>
      <div class="covid-spot"></div>
      <div class="covid-spot"></div>
    </div>
    <div class="covid-eyes"> </div>
    <div class="covid-eyes left"></div>
    <div class="covid-eyebrow"></div>
    <div class="covid-eyebrow right"></div>
    <div class="covid-mouth"></div>
    <div class="covid-cheek"></div>
    <div class="covid-cheek right"></div>
  </div>
</div>
<div class="covid-pulse">
  <div class="covid-sticks">
    <div class="covid-stick"></div>
    <div class="covid-stick"></div>
    <div class="covid-stick"></div>
    <div class="covid-stick"></div>
    <div class="covid-stick"></div>
    <div class="covid-stick"></div>
    <div class="covid-stick"></div>
    <div class="covid-stick"></div>
    <div class="covid-stick"></div>
    <div class="covid-stick"></div>
    <div class="covid-stick"></div>
    <div class="covid-stick"></div>
    <div class="covid-stick"></div>
  </div>
</div>

相关推荐

发表评论

相关文章