使用css时，旋转html插入符号不会从中心旋转

文章/答案/技术大牛

发布

2回答

javascript、css、reactjs

我有一个简单的插入符号可以旋转，但它似乎不是从中心旋转，我应该调整什么？

浏览 34提问于2020-09-24得票数 0

回答已采纳

3回答

使用jQuery向上或向下旋转

javascript、jquery、rotation

我有一个简单的下拉菜单，它是由三角形(插入符号)符号打开的.我需要旋转插入颠倒(180度)，当菜单打开，并回到默认的位置，当它是关闭后。理想的做法是在不使用css类的情况下实现这一目标，这将是我在查找答案时最常用的解决方案。我尝试在单击时使用三元操作符，如下所示： $(this).css('transform', ($(this).css('t

浏览 3提问于2017-03-06得票数 0

回答已采纳

2回答

改变引导带4下拉式上插入符号的起始方向

css、bootstrap-4

我想使用一个引导下拉列表，但我希望插入符号开始面向右，然后指向向下，当下拉已经展开。旋转的插入符号是90度，不是问题。问题是如何从指向右边的插入符号开始。我是否已经隐藏了插入符号，并完全用不同的东西替换它？用于轮换的CSS： transform:

浏览 4提问于2021-03-15得票数 1

1回答

jQuery中转-旋转

jquery、css-transitions

我想围绕一个中心点旋转一个div (它已经是一个> 0的角度，在css中定义)。当我通过transformOrigin更改原点时，问题会显现出来，因为应用了初始旋转矩阵，然后从另一个点开始旋转，换句话说，重新定位了div。这并不是我想要实现的目标。我希望在应用过渡时保留div的原始旋转，然后围绕中心点应用旋转。如果是opengl，我只会做平移/旋转/平移等

浏览 1提问于2013-06-20得票数 0

1回答

CSS3转换间歇工作？

javascript、jquery、html、twitter-bootstrap、css

我有一个引导表，在每一行的第一列都有一个按钮，字体上有一个很棒的向下插入符号。当您单击此按钮时，它会展开并将其下方的内容向下推送，并公开隐藏的信息(引导手风琴)。我正在使用CSS转换来旋转这个向下插入符号，旋转，然后向上旋转，这样用户就知道他们可以点击反转操作并隐藏内容。这种转变只在某些时候起作用。有时它会立刻旋转图标，有时它根本不会旋转，然后在点击几下其他图标

浏览 5提问于2015-09-07得票数 0

回答已采纳

2回答

如何在Windows8/IE10的HTML/Javascript中对图像或对象进行90°旋转？

javascript、rotation

采用以下代码： <body onload="x=0" onkeydown="document.images[0].style.filter='progid:DXImageTransform.Microsoft.BasicImage(rotation='+(x=++x%4)+')'"></html> 为

浏览 0提问于2013-01-10得票数 1

1回答

CSS动画圈-停止旋转中心内容

css

我一直试图改变的CSS3动画圆圈的例子(由原创)，这样中心的箭头就不会旋转。然而，我唯一能得到它的方法仍然是从三个圆圈(#外圆，#内圆，#中心圆)中移除动画效果，但是这样可以消除凉爽的旋转效果。圆圈位于彼此之间，并与下面的CSS旋转(指向cssdeck.com的链接更加清晰)-moz-animation:turning_cw

浏览 3提问于2014-05-02得票数 0

回答已采纳

1回答

css/javascript旋转，但不是从中心开始旋转

jquery、css、rotation、transform

我希望使用css或javascript创建一个悬停旋转效果，但不是像通常那样从中心旋转，我希望从正方形的左上角旋转。方块将在鼠标悬停时旋转90度，然后在鼠标移出时返回。我会试着用可怕的图表来展示我的思维过程，十字是旋转点。

浏览 1提问于2012-08-19得票数 1

回答已采纳

1回答

如何使用atan2()使这个div从它的一端旋转而不是从它的中心旋转

javascript、jquery、html、math、rotation

我不希望下面代码中的div.stick按棒的中心旋转。现在看起来旋转原点在中心，我希望旋转原点在底部。当鼠标移动时，当鼠标与棍子顶部对齐时，棒应该旋转。它应该类似于 (旋转原点在底部)。atan = Math.atan2(e.pageY - 200, e.pageX - 250 ) + Math.PI/ 2 ; $(".display").html("a

浏览 1提问于2015-11-01得票数 1

回答已采纳

1回答

在SwiftUI iOS 14中旋转视图

ios、swift、swiftui、ios14、geometryreader

我想旋转我的视图，这样它就会改变它的框架，并在旋转时覆盖整个屏幕。我已经尝试了所有类型的旋转和不同的锚点。这在iOS 13中工作得很好，但在iOS 14中，视图和边距之间有一个奇怪的差距。

浏览 1提问于2020-09-21得票数 0

6回答

如何通过计算新的x和y位置使精灵围绕其中心旋转？

c++

我正在使用黑暗GDK和C++创建一个简单的2d游戏。我在旋转一个物体，但它从雪碧的左上角旋转。我有以下变量：是否有一种算法可以修改精灵的枢轴点，而不是中心？Blindy的回答的问题是，不管我怎么简单地把它来回翻译，这个螺旋体仍然绕着左上角旋转，把它移到左上角的某个地方，然后把它移回相同的位置，什么也做不到。

浏览 7提问于2009-10-17得票数 5

回答已采纳

2回答

Velocity.js -围绕中心旋转

javascript、velocity.js

什么是正确的方式移动一个SVG图像，同时围绕中心旋转呢？

浏览 3提问于2015-03-18得票数 0

回答已采纳

2回答

Css将div原地旋转180度

html、css、transform

我有一个矩形div，我想在某些情况下旋转180度。这在chrome上工作得很好，但是在边上发生的事情是div超出了它的容器div。我希望div在原来的位置上，但是旋转了180度。

浏览 0提问于2019-07-17得票数 5

2回答

CSS动画，单击时切换旋转

javascript、html、css、css-animations

我试着让下面的插入符号在我的下拉菜单上旋转180度。在我正在尝试实现的解决方案中，它在单击时将插入符号的类更改为向上切换或向下切换。我第一次点击它时，它会向上旋转，第二次点击时，它会立即回到它的起始位置，然后再旋转回来。我闻到了脏代码的味道，添加这个切换旋转动画的最简单的方法是什么？提前感谢您的帮助。下面是我目前的css： animation-name

浏览 2提问于2015-06-29得票数 21

回答已采纳

1回答

在先前围绕单个项目中心的局部旋转之后，应用围绕组中心的css3旋转

css、rotation、css-transforms

在这种情况下，组旋转在项目的位置上有偏差，并且不能很好地工作。假设item1先做了45度的局部旋转。然后将其与其他项目分组，并对该组应用30度的组旋转。那么item1就必须相对于自身总共旋转45度，相对于群的<e

浏览 1提问于2013-03-31得票数 0

1回答

垂直文本如何为分页媒体模块中的表格单元格工作？

html、html-table、pdf-generation、vertical-text、css-paged-media

我使用Antenna House格式化程序工具(v6.3)来用附加的css3 (分页媒体模块)从html文档中呈现css3文件。<td class="center middle verticaltext" rowspan="1" colspan="1"> <div class="

浏览 1提问于2017-05-19得票数 1

1回答

使用css围绕中心文本位置旋转svg文本

css、svg、rotation、overwrite

我想对SVG中的一组元素应用一个css旋转变换，这样每个元素都可以独立旋转，而不必计算css中每个元素的中心。例如，我有一个看起来像左边的图片的SVG，并且想要应用css来实现右边的效果 ?Text 1</text></s

浏览 34提问于2020-04-25得票数 4

回答已采纳

2回答

CSS旋转不居中

html、css、rotation、css-transitions

所以我有一个在悬停时旋转的圆，但它不是中心的，我不知道为什么(我添加了“转换-原点:中心中心”)，而且，对不起，我对css知之甚少，但是当有两个连续的选择器时，它做了什么/意味着什么？

浏览 4提问于2017-05-12得票数 3

回答已采纳

1回答

CSS旋转360度

javascript、css、animation、rotation

我想使用CSS将一个矩形旋转360度(甚至> 360度)。旋转的中心是“右中心”。如果我使用下面的CSS代码进行180度旋转(并用JavaScript触发旋转)，它工作得很好： -webkit-animation-duration: 9s例如，在360度的情况下，不会发生任何事情，因为开始位置等于旋转的结束位置。如何实现360度

浏览 18提问于2017-02-13得票数 0

回答已采纳

点击加载更多