Question

我试图找出一种方法，使我的复选框在0％比例（0）到90％比例（1.3）到比例（1）变换，因此它具有进出效果。问题是我在过去的几个小时里一直试图完成这个并需要一些帮助。这是我的CSS。

body {
  padding: 100px;
}

label {
  cursor: pointer;
}

input[type="checkbox"] {
  display: none;
}

.check-sq:before {
  content: "\f096";
  font-family: "FontAwesome";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  width:1em;
  display: inline-block;
  margin-right: 5px;
}

 :checked + .check-sq:before {
  content: "\f14a";
  color: #06a3e9;

  /* Where I am needing help */

  transform: scale(0) scale(1.3) scale(1);
  transition: 1s transform ;
  }

Answer 1

也许这会奏效。

;with cte1 as 
(
select  TicketNumber, 
        Action, 
        date,
        (select top 1 date 
         from table1 t2
         where t2.date > t1.date
         and t2.TicketNumber = t1.TicketNumber
         order by date
        ) as nextActionDate
from table1 t1
), cte2 as
(
select TicketNumber, 
       sum(datediff(minute, date, nextActionDate)) as timeOfDependencyOccured
from cte1 
where Action = 'Dependency Occured'
group by TicketNumber
)

select TicketNumber, 
       cast(timeOfDependencyOccured / 60 as varchar(2)) + ':' + 
       cast(timeOfDependencyOccured % 60 as varchar(2))
from cte2

CSS变换与过渡效应

1 个答案: