纯CSS制作可爱的小狐狸日夜照

清华大佬耗费三个月吐血整理的几百G的资源,免费分享!....>>>

<div class="the-container">
  
  <input type="checkbox" id="toggle" />
  <label for="toggle"></label>
  
  <div class="day-night-cont">
      <span class="the-sun"></span>
      <div class="the-moon"><span class="moon-inside"></span></div>
   </div>
  
  <div class="switch">
    <div class="button">
      <div class="b-inside"></div>
    </div>
  </div>
  
  <div class="c-window">
    
    <span class="the-sun"></span>
    <span class="the-moon"></span>
    
    <div class="the-fox">
      <div class="fox-face">
        <section class="eyes left"></section>
        <section class="eyes right"></section> 
        <span class="nose"></span>
        <div class="white-part"><span class="mouth"></span></div>
      </div>  
    </div>
    
  </div>
  
</div>