小编QiM*_*ath的帖子

在缓出之前重复动画 2 或 3 次

如何在缓和之前重复旋转动画 x 次?

例如 :

#spin-please {
	background: green;
	width: 50px;
	height: 50px;
	animation: spin 3s infinite ease-in-out;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  49% {
    transform: rotate(359deg);
  }
  50% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
Run Code Online (Sandbox Code Playgroud)
<div id="spin-please">
</div>
Run Code Online (Sandbox Code Playgroud)

我现在的动画根本不是很流畅(正如您在第一次和第二次旋转之间看到的那样),并且两次旋转之间有一个缓动,我只想要在第一次旋转的开始和结束时第二个(或第三个,如果我选择进行额外的轮换)。

缓入 ==> 旋转 1 ==> 旋转 2 ==> 缓出

这对 CSS 可行吗?

css animation

6
推荐指数
1
解决办法
5016
查看次数

SCSS:如果选中子输入,则更改元素样式

我之前从未使用过SCSS,我会知道是否允许我根据内部的复选框是否选中来确定元素的样式.

例如,我有:

<label>
  <input type="checkbox"/>
</label>
Run Code Online (Sandbox Code Playgroud)

label::before如果选中框,我会改变依赖的内容.

SCSS是否允许这样的事情?如果是,我该怎么办?

导致我考虑SCSS执行此操作的原因是(如果我没有误会),SASS确实可以实现.
然而,由于我不熟悉SASS,我宁愿使用SCSS,因为转换我的文件显然非常容易.

css sass

3
推荐指数
2
解决办法
6847
查看次数

if/else用于定义变量的简写

我很难理解这里描述的if/else的php缩写是如何工作的.

<?=(expression) ? $foo : $bar?>
Run Code Online (Sandbox Code Playgroud)

我试图缩短的表达如下:

if (isset($result[1][0])) {
    $var = $result[1][0];
} else {
    $var = "";
}
Run Code Online (Sandbox Code Playgroud)

有人可以解释我如何在我的情况下应用速记if/else语句吗?

谢谢 !

php

2
推荐指数
1
解决办法
1799
查看次数

旋转一个 div 但使其内容不会颠倒

有没有办法让 div 旋转,以及它的内容,但让内容在旋转时不会颠倒?
我的意思是 div-childs 将跟随母 div 旋转的旋转,但同时保持相同的方向(顶部在顶部,底部在底部)。

我的英语不够好,无法正确表达我想做的事情,所以这里是一个例子:

.spin {
  margin: 50px;
  width: 200px;
  height: 200px;
  background: orange;
  animation: spin 10s infinite linear;
}

#div1 {
  border: 1px solid blue;
  width: 50px;
  height: 50px;
}

#div2 {
  border: 1px solid red;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 0;
  right: 0;
}

#div3 {
  border: 1px solid black;
  width: 50px;
  height: 50px;
  position: absolute;
  bottom: 0;
  left: 0;
}

#div4 {
  border: 1px solid green;
  width: 50px;
  height: 50px; …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery

1
推荐指数
1
解决办法
946
查看次数

foreach用一个简单的变量?

我有一个看起来像这样的页面:

<?php $items = isset($_GET['id']) ? gg::getItemID($_GET['id']) : gg::getAllItems();?>
...code
...code
<?php foreach ($items as $item):?>
...code
...code
...code
<?php endforeach;?>
...code
Run Code Online (Sandbox Code Playgroud)

该方法getItemID()将获取表中的特定行并返回它,而getAllItems()将获取所有这些行.

但是foreach不会一起工作$items = gg::getItemID($_GET['id'],我真的不知道我怎么能成立一个"通用的方法",使其工作是否getItemID()还是getAllItems()被调用.

有一个简单的方法吗?

php

1
推荐指数
1
解决办法
47
查看次数

标签 统计

css ×3

php ×2

animation ×1

html ×1

javascript ×1

jquery ×1

sass ×1