javascript - 围绕轴旋转 css 元素

标签 javascript html css

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 3 年前

我正在尝试使用 CSS 旋转图像。我知道如何绕 x、y 和 z 轴旋转它,我的问题是我想以对 Angular 线方式旋转它。有没有一种方法可以变换 y 轴,然后以对 Angular 线方式变换图像?

最佳答案

您可以使用 rotate3d 实现您的目标

transform: rotate3d(1, 1, 1, 45deg);

旋转轴由 [x, y, z] 向量定义并通过原点(由 transform-origin 属性定义)

关于javascript - 围绕轴旋转 css 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58709510/

上一篇:html - 来自样式标签的 CSS 样式未正确应用于页面

下一篇:javascript - 样式绑定(bind)不适用于 HTML 图像元素 (Vue.js)

相关文章:

css - 我可以在 CSS :before/:after pseudo-elements? 中更改图像的高度吗

html - 如何在不为所有列表设置样式的情况下设置 <ul hidden></ul> 元素的样式?

javascript - Codeceptjs 仅在全局安装时才有效

html - CSS 定位 : How to make 2 overlapping divs and then 1 more div to the right of the overlapping divs

javascript - req.body 从 React 客户端到 Express 服务器未定义

javascript - 如何使用 keyup 事件创建复杂的公式

CSS 背景附件不起作用,无法修复背景上的填充/边距

javascript - 如何从嵌入式 youtube 播放列表中禁用 "related videos"

javascript - 正则表达式查找 [code] 标签的内部内容

javascript - 从 css-loader 启用 CSS 模块不允许导入 node_modules CSS