首页 > 试题广场 >

分析以下代码 .box { transform...

[单选题]
分析以下代码
<style>
    .box { 
      transform: translate(-50%, -50%) scale(1) rotate(0deg);
      background-color:blue;
      animation-name: fadein;
      animation-duration: 2s;
      animation-fill-mode:forwards;
      animation-timing-function: ease-in-out; 
    }
    @keyframes fadein {
      from {
        opacity:0;
        transform: translate(-50%, -50%) scale(1) rotate(0deg);
      }
      to { 
        opacity: 1;
        transform:
        translate(-50%, -50%) scale(2) rotate(360deg); 
      }
    }
  </style> 
<div class="box"></div>
下列描述不正确的是
  • 代码效果是从透明到不透明淡入效果
  • 代码效果是从小到大放大状态
  • 代码效果是旋转显示效果
  • 动画效果开始速度较慢,结束时速度较快
liner:平滑 ease-in:慢到快 ease-out:快到慢 ease-in-out:慢快慢
发表于 2025-07-25 19:08:26 回复(1)
liner,ease-in,ease-out,ease-in-out,进来的时候是快的,出去的时候是慢的(就比如抢饭吃) liner:平滑 ease-in:慢到快 ease-out:快到慢 ease-in-out:慢快慢
发表于 2026-04-21 23:39:43 回复(0)