css - 如何旋转圆形菜单?

标签 css menu rotation

<分区>

如何将圆形菜单旋转180度?

我不知道,也许是时间晚了的错,但我不知道进入什么度数都转了180度:/

http://dabblet.com/gist/3979221/cb69c5e8ccf0745fff2c94b47b27b108931f1a15

最佳答案

.button:focus + .tip {
    transform: scale(1);
    opacity: 1;
    transform:rotateZ(180deg);
}

我想我应该在哪里设置菜单旋转,否则我误解了你的问题。 http://dabblet.com/gist/5846418

(有帮助吗?)
如果没有,那么还有很长的路要走:

对于每个按钮,您必须将其实际值增加 180 度。

对于边缘,使值正负,反之亦然。 将顶部坐标更改为底部坐标,相同的值。 http://dabblet.com/gist/5846462

关于css - 如何旋转圆形菜单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17264709/

上一篇:html - 并排固定 div 的 Z 排序

下一篇:html - CSS 更正子 div 在 div 中的对齐方式

相关文章:

css - 堆叠 DIV 并水平对齐它们

menu - 主菜单是用 QBasic (QB64) 制作的吗?

html - 我的 css3 菜单在手机上不可点击

algorithm - 需要 3D 旋转算法

c# - 是否有可能知道 JPEG 图像是否仅从其原始字节旋转?

jquery - Bootstrap 4 和日期选择器下拉位置

javascript - 密码字段获得焦点后启用表单登录按钮

math - 使用旋转矩阵从 body 轴到地球轴? [OpenGL]

javascript - 限制外部 CSS 对本地 React 组件或 HTML 元素的影响

Jquery 附加的 div CSS 类 + 忽略的功能