如何在块周围设置正方形的动画？
在块周围设置正方形的动画可以通过CSS3的动画属性来实现。以下是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<style>
.square {
width: 100px;
height: 100px;
background-color: red;
position: relative;
animation: rotate 2s linear infinite;
}
@keyframes rotate {
0% { transform: rotate(0deg); }
25% { transform: rotate(90deg); }
50% { transform: rotate(180deg); }
75% { transform: rotate(270deg); }
100% { transform: rotate(360deg); }
}
</style>
</head>
<body>
<div class="square"></div>
</body>
</html>在上述代码中，我们创建了一个名为"square"的div元素，并设置其宽度和高度为100px，背景颜色为红色。通过设置position属性为relative，我们可以在该元素的基础上进行动画变换。
接着，我们使用@keyframes规则定义了一个名为"rotate"的动画。该动画在0%、25%、50%、75%和100%的关键帧位置分别设置了不同的旋转角度，从而实现了一个完整的旋转动画。通过设置animation属性，我们将该动画应用到了"square"元素上，并设置了动画的持续时间为2秒，线性的时间函数，并且无限循环播放。
这样，当页面加载时，"square"元素就会以正方形的形式围绕自身中心点进行旋转动画。
推荐的腾讯云相关产品：无
参考链接：无
相关·内容
空的正方形显然需要是纯黑色或纯白色。当正方形上有一块时，问题就出现了。我们的老师希望我们使用文本来记录哪些方块上有哪些块，他希望文本要么是黑色的，要么是白色的，这取决于是谁的块。由于我们不能将白色文本放在白色背景上，他建议当一块内容在正方形上时，我们将正方形的颜色更改为灰色。我不是你的粉丝。是否可以在文本周围<
浏览 2提问于2016-10-14得票数 0
2回答
颠簸的UIView动画
、、、
我使用UIView动画在屏幕周围随机设置5个正方形(UIButtons)的动画。根据用户的选择，可以看到2到5个方块。当只有两个可见时，其他三个的隐藏值被设置为YES，所以它们实际上仍然是动画(对吗？)，它们只是不可见。但当只有两个可见时，动画是平滑的，但当五个都可见时，动画会变得不稳定。我真的不确定该如何描述它，因为方块仍然在以正确的速度移动，
浏览 2提问于2011-11-15得票数 0
回答已采纳
1回答
我试图制作一个圆形的图像，覆盖显示在悬停上。但是，悬停(并单击)的"hitbox“是不正确的，如下面的片段所示。
这个问题似乎只发生在Chrome (不确定Safari)。IE和Edge已经过测试，所以这是一个特定于Chrome-/webkit的问题。
浏览 0提问于2017-12-09得票数 0
2回答
我是jquery的新手，我写了一个页面，它有一个容器，中间有一个正方形，周围有4个矩形-每一个都有不同的颜色。我想做的是用动画顺时针方向移动它们，我只需要一些指导。因为我不知道如何在jquery中旋转元素，也不知道如何更改正确的位置……
有什么想法吗？(我不知道我是否真的需要轮换)
浏览 2提问于2012-05-03得票数 0
回答已采纳
我知道如何在平面图周围移动一个正方形:你有一个正方形的坐标(比如中间)，如果他们按下“向上”箭头，只需将y坐标增加1。问:当玩家有4个正方形的大小，并且仍然以1平方的增量移动时，我该如何看待基于瓷砖的移动？如果玩家进入一个坦克，而这个坦克现在是2乘2块。会不会有很大的不同？
我想我必须跟踪我的球员的坦克在四个瓷砖。当他按下“向上”键时，我必须检查前两个瓷砖是否是空
浏览 0提问于2014-08-25得票数 1
回答已采纳
3回答
我有两个div元素，一个是类的容器，另一个是带有以下CSS样式的innercontainer。 margin-top: 80px;<div class="container"></div>我所期望的是一个几乎位于绿色正方形中心的红色矩形我得到的是一个绿色正方形
浏览 1提问于2016-02-16得票数 0
我正在用斯威夫特(SpriteKit)制作一个游戏，当游戏中的角色开始通电时，我想让他得到紫色的轮廓，这样玩家就可以看到他的通电准备好了。我希望轮廓线能准确地拥抱球员的所有曲线。有没有办法在不是基本形状(如圆形或正方形)的精灵节点周围绘制轮廓，而是勾勒出一个复杂的形状？ 下面是一个类似于我的精灵节点的形状示例： ? 下面是我想在SpriteKit中添加的带有视觉轮廓的</
浏览 21提问于2021-09-24得票数 0
当显示一个新块时，其他块可能会在页面周围移动。初始状态：嗣后状态：例：
是否可以将蓝色块动画化，移动到它的新位置？，我在这些块<
浏览 3提问于2014-05-02得票数 5
回答已采纳
0回答
我正在设计一个应用程序，其中包含81个瓦片排列在一个9*9的正方形。一旦单击，磁贴就会有一个要执行的方法。然后，周围的8块瓷砖也是。我怎样才能动态地知道周围有哪些瓦片？我在考虑给每个瓦片分配坐标(两个整数x和y)，以告知它在正方形中的位置。例如，有没有办法知道哪个磁贴上有x=4和y=7？
浏览 5提问于2017-06-13得票数 0
我想在Android上开发一个简单的记忆游戏。
记忆游戏有正方形，如下图所示。我该如何确定哪个正方形是按下的？我应该使用图像按钮吗？就我个人而言，我不认为用图像按钮制作游戏是个好主意。
浏览 0提问于2014-04-10得票数 0
回答已采纳
我正在做一个带有一些战略视觉覆盖的国际象棋游戏。其中之一需要一些小块和正方形的轻快动画，特别是缓慢而稳定的脉冲。我的棋盘是一个，每个棋盘都是一个正方形。通过将CSS中的背景图像设置为它所包含的块的.svg来显示块。
这可以在CSS中完成吗？我使用的是不支持传统的最新浏览器，所以我可以使用所有漂亮的CSS3内容。
浏览 0提问于2013-05-04得票数 1
回答已采纳
我的目标是创建一个简单的滑动动画，当按下按钮时，它将显示/隐藏一段文字。见下面的小提琴曲。还有一个缩略图，它总是可见的，文本环绕在它周围。现在，当我使用jQuery slideUp隐藏文本时，文本的包装首先会改变(好像溢出暂时设置为隐藏)，然后动画运行。具体来说，在下面的示例中，文本在消失之前向右移动到一个狭窄的列中。如何实现在动画期间文本根本不移动？我只想让它从下到上消失，不需要重新包装。jQuery代码
浏览 3提问于2015-02-09得票数 1
回答已采纳
我正在为新的iPhone 5配置我的应用程序，所以我开始研究cocao touch (链接)的自动布局指南和WDC的主类。 [UIView beginAnimations:nil context:NULL];
[UIView有人能告诉我在使用自动布局时最好的</
浏览 0提问于2012-09-20得票数 1
回答已采纳
我有一个简单的按钮 android:layout_width="match_parent" android:text="@string/add"/>
我想有白色的背景，蓝色的文字和周围的蓝色边框。我知道我
浏览 2提问于2018-08-28得票数 2
回答已采纳
1回答
📷
我试着用过剩来做动画。我有两个互相重叠的正方形，我希望其他的正方形在这个中心物体周围旋转，而不旋转它们自己。我想以轨道的方式旋转。我用参数方程来计算圆形路径，并将其中的一个平方转换到那个距离。这是我的代码，另一个正方形的运动不是在轨道上，而是沿着中间的对角线移动的。让我知道哪里出了问题。我也增加了预期的图像
浏览 0提问于2013-09-03得票数 0
回答已采纳
在IE9中，当用户添加图像时，他们会看到图像周围的大小调整。
它们不会出现在任何其他浏览器(chrome，safari，firefox)中。如何在IE中删除/隐藏大小调整的拖动手柄？禁用选项中的对象调整大小：tinyMCE.init({object_resizing:false})
将CSS调整大小属性设置为none：*
浏览 1提问于2014-12-03得票数 3
1回答
我必须用libgdx在棋盘上实现一个冷却动画。你可以在下面的视频中看到一个例子:冷却颜色是黄色的。人物在每次移动后都有一个冷却时间。我应该使用processbar还是libgdx动画
我完全不知道该怎么做，也不知道我可以用哪个libgdx源来做。我希望有人能帮助我。
浏览 1提问于2014-08-04得票数 0
我想设计一个网站，显示简单的搜索结果与Isotope外观。我有一个文本输入，从用户获取查询，并从我的服务器检索搜索结果。因此，通过更改查询，我的数据和过滤选项也会更改。在每次查询和数据更改后，当我在$container.isotope中设置新的同位素属性和过滤器时，数据块变得不可见，Isotope功能，如动画和过滤，不再起作用。以及如何在更改数据集(数据块)后重新设置(重新初始化)同位素设置
浏览 1提问于2013-02-13得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
