首页 > html > transition > CSS Property Value - 如何transition: left 1s, opacity 1s;

CSS Property Value - 如何transition: left 1s, opacity 1s;

transition 【transition】
我们想知道如何transition: left 1s, opacity 1s;
代码展示 运行结果 

<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
#wrap {
  border: 2px solid;
  height: 150px;
  width: 300px;
  position: relative;
}

#box {
  width: 100px;
  height: 100px;
  background: red;
  opacity: 0.3;
  position: absolute;
  -webkit-transition: left 1s, opacity 1s;
  -moz-transition: left 1s, opacity 1s;
  -o-transition: left 1s, opacity 1s;
  transition: left 1s, opacity 1s;
}

#wrap:hover #box {
  opacity: 1;
  left: 200px;
  height: 150px;
}
</style>
</head>
<body>
  <div id="wrap">
    <div id="box" class="active"></div>
  </div>
</body>
</html>