safari - CSS旋转，平移，缩放动画错误

In lại 作者：行者123 更新时间：2023-12-04 04:23:53 30 4

@keyframes icon-animation {
    0% {
        left: 188.5px;
        top: 187.5px;
        transform: translate(-50%, -50%) rotate(-45deg);
        transform-origin: 50% 50%;
        width: 286.84px;
        height: 233.81px;
    }
    16.6667% {
        transform: translate(-50%, -50%) rotate(-45deg);
        transform-origin: 50% 50%;
    }
    50% {
        left: 188px;
        top: 188.5px;
    }
    66.6667% {
        transform: translate(-50%, -50%) rotate(0deg);
        transform-origin: 50% 50%;
        width: 200px;
        height: 163px;
    }
    100% {
        left: 188px;
        top: 188.5px;
        transform: translate(-50%, -50%) rotate(0deg);
        transform-origin: 50% 50%;
        width: 200px;
        height: 163px;
    }
}

@keyframes icon-animation {
    0% {
        transform-origin: 50% 50%;
        transform: translate(-50%, -50%) rotate(-45deg);
    }
    100% {
      transform-origin: 50% 50%;
      transform: translate(-50%, -50%) rotate(0deg) scale(.70);
    }
}

30 4 0

• iPhone, Xoay + EAGLView, Xoay =

  ...bực bội. Tôi muốn trò chơi của mình chỉ chạy ở chế độ ngang. Tôi đã thêm các khóa/giá trị thích hợp vào tệp Info.plist để buộc hướng thiết bị phải chính xác khi khởi chạy. Bây giờ tôi đang cố gắng xoay không gian tọa độ OpenGL để khớp với không gian tọa độ của thiết bị. Tôi là

• java - 我将如何创建一个旋转矩阵，将 X 旋转 a，Y 旋转 b，Z 旋转 c？

  我如何创建一个旋转矩阵，将 X 旋转 a，Y 旋转 b，Z 旋转 c？ 我需要公式，除非您使用的是 ardor3d api 的函数/方法。 矩阵是这样设置的 xx, xy, xz, yx, yy, y

• c++ - 从全局位置/旋转/比例更新本地位置/旋转/比例？

  假设我有一个包含 3 个 vector 的类(一个用于位置，一个用于缩放，一个用于旋转)我可以使用它们生成一个变换矩阵，该矩阵表示对象在 3D 空间中的位置、旋转和大小。然后我添加对象之间的父/子关系

• javascript - CSS 旋转。旋转 div 但保持在完全相同的坐标？

  所以我只是在玩一个小的 javascript 游戏，构建一个 pacman 游戏。你可以在这里看到它:http://codepen.io/acha5066/pen/rOyaPW 不过我对旋转有疑问。你

• iphone - iOS 旋转 MKAnnotationView 以响应 MKMapView 旋转

  在我的应用程序中，我有一个 MKMapView，其中显示了多个注释。 map 根据设备的航向旋转。要旋转 map ，请执行以下语句(由方法 locationManager 调用:didUpdateHe

• javascript - 旋转 90/-90 度的图像模糊 jquery 旋转

  使用此 jquery 插件时:http://code.google.com/p/jqueryrotate/wiki/Documentation我将图像旋转 90 度，无论哪个方向，它们最终都会变得模糊

• css - 为什么不同的 CSS3 旋转 + 平移 vs 旋转 + 左

  我有以下代码:CSS: .wrapper { margin:80px auto; width:300px; border:none; } .square { widt

• manim边学边做--旋转

  本篇介绍Manim中的两个旋转类的动画，名称差不多，分别是Rotate和Rotating。 Rotate类主要用于对图形对象进行指定角度、围绕特定点的精确旋转，适用于几何图形演示、物理模拟和机械运动

• Qt图像移动/旋转

  我只想通过小部件的轴移动图像并围绕小部件的中心旋转(就像任何数字绘画软件中的 Canvas )，但它围绕其左顶点旋转...... QPainter p(this); QTransform trans;

• JavaScript 旋转

  我需要先旋转图像，然后再将其加载到 Canvas 中。据我所知，我无法使用 canvas.rotate() 旋转它，因为它会旋转整个场景。 有没有好的JS方法来旋转图片？ [不依赖于浏览器的方式] 最

• 安卓横屏180°旋转

  我需要知道我的 Android 设备屏幕何时从一个横向旋转到另一个横向(rotation_90 到 rotation_270)。在我的 Android 服务中，我重新实现了 onConfigurati

• Python图像处理丨图像缩放、旋转、翻转与图像平移

  **摘要：**本篇文章主要讲解Python调用OpenCV实现图像位移操作、旋转和翻转效果，包括四部分知识：图像缩放、图像旋转、图像翻转、图像平移。 本文分享自华为云社区《[Python图像处理] 六

• metal - 旋转，平移和默认相机位置

  我只是在玩MTKView中的模板设置；并且，我一直在尝试了解以下内容： 相机的默认位置。 使用MDLMesh和MTKMesh创建基元时的默认位置。 为什么轮换还涉及翻译。 相关代码： matrix_f

• 旋转 ggplot 树状图的标签

  我正在尝试使用包 dendexend 创建一个树状图。它创建了非常好的 gg 树状图，但不幸的是，当你把它变成一个“圆圈”时，标签跟不上。我将在下面提供一个示例。 我的距离对象在这里:http://s

• 旋转 ggplot2 绘图对象

  我想将一个完整的 ggplot 对象旋转 90°。 我不想使用 coord_flip因为这似乎会干扰 scale="free"和 space="free"使用刻面时。 例如: qplot(as.fac

• 人类的 opengl 旋转

  我目前可以通过首先平移到轴心点然后执行旋转最后平移回原点来围绕轴心点旋转。在我的例子中，我很容易为肩膀做到这一点。但是，我不知道如何为前臂添加绕肘部的旋转。 我已经尝试了以下围绕肘部旋转的前臂: 平移

• jQuery 旋转/变换

  我想使用此功能旋转然后停止在特定点或角度。现在该元素只是旋转而不停止。代码如下: $(function() { var $elie = $("#bkgimg");

• iPhone UIImageView 旋转

  đóng cửa. Câu hỏi này cần được hỏi một cách tập trung hơn. Hiện tại không chấp nhận câu trả lời. Bạn có muốn cải thiện điều này không? Cập nhật câu hỏi để tập trung vào một câu hỏi duy nhất bằng cách chỉnh sửa bài đăng này. Đã đóng 4 năm trước. Cải thiện câu hỏi này

• iphone - 基本关键帧动画(旋转)

  我正在尝试创建一个非常简单的关键帧动画，其中图形通过给定的中点从一个角度旋转到另一个角度。 (目的是能够通过大于 180 度的 OBTUSE 弧角来制作旋转动画，而不是让动画“作弊”并走最短路线，即通

• cocoa - 旋转 NSView

  我需要旋转 NSView 实例的框架，使其宽度变为其高度，其高度变为其宽度。该 View 包含一个字符串，并且该字符串也被旋转，这一点很重要。 我查看了 NSView 的 setFrameRotati