css：翻译值不起作用

Question

PermissionRoleTableSeeder中的翻译值似乎没有任何影响。可以有人解释我为什么

php artisan db:seed --class=PermissionTableSeeder

   

Answer 1

您应该将值添加到同一个transform属性中，例如transform: translateY(20px) rotate(-135deg)，否则只会考虑最后一个，因为 CSS级联规则：

＆＃13;

＆＃13;

.container {
  height: 500px;
  width: 600px;
}

.header {
  height: 40px;
}

.step {
  width: 194px;
  float: left;
  border: 1px solid;
  height: 40px;
}

.arrow {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-left: 1px solid;
  border-bottom: 1px solid;
  transform: translateY(20px) rotate(-135deg);
}

＆＃13;

<div class='container'>
  <div class='header'>
    <div class='step'> step 1 <div class='arrow'> </div></div>
    <div class='step'> step 2 <div class='arrow'> </div></div>
    <div class='step'> step 3 <div class='arrow'> </div></div>
  <div class='body'></div>
</div>

＆＃13;

＆＃13;

＆＃13;