程序员的一天动画特效最骚特效代码

部分HTML代码

<div class="container">
  <div class="lcd-light"></div>
  <div class="monitor"></div>
  <div class="monitor-neck"></div>
  <div class="monitor-base"></div>
  <div class="desk"></div>
  <div class="tower"></div>
  <div class="chair-back"></div>
  <div class="chair-bottom"></div>
  <div class="clock">
    <div class="hour"></div>
    <div class="minute"></div>

以下为部分CSS代码

@keyframes hrHand {
  from {
    transform: rotate(135deg);
  }
  to {
    transform: rotate(495deg);
  }
}
@keyframes minHand {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(1turn);
  }

以下为部分js代码

function restartAnims(animClassArray, resetClass) {
	for (let i = 0; i < animClassArray.length; ++i) {
		
		let animClass = document.getElementsByClassName(animClassArray[i])[0];
		animClass.className += " " + resetClass;

		
		let animClassW = animClass.offsetWidth;
		animClass.offsetWidth = animClassW;

		
		animClass.className = animClassArray[i];