Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如果元素设置为浮动，是否可以使用“变换原点”_Css_Styles_Open Source_Github Pages_Stylesheet - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 如果元素设置为浮动，是否可以使用“变换原点”

Css 如果元素设置为浮动，是否可以使用“变换原点”

css open-source

Css 如果元素设置为浮动，是否可以使用“变换原点”,css,styles,open-source,github-pages,stylesheet,Css,Styles,Open Source,Github Pages,Stylesheet,我有一些png帮助图标，它们将充当工具提示激活器， 它们已经使用transform:scale（1.2）进行了非常轻微的缩放 &具有悬停动画效果，使其旋转45度并改变色调， 然而，当我使用transform:translate（）将其发送到 正确定位，这会弄乱旋转中心。 我尝试了多种不同的transformorigin变体，但似乎都没有得到应用 我想知道float是否阻止使用transform origin，或者我的代码中是否有其他东西阻止了这种风格。在开发人员工具中，它没有被划掉或变灰，但仍然

我有一些png帮助图标，它们将充当工具提示激活器，
它们已经使用
transform:scale（1.2）进行了非常轻微的缩放
&具有悬停动画效果，使其旋转45度并改变色调，
然而，当我使用
transform:translate（）将其发送到

正确定位，这会弄乱旋转中心。

我尝试了多种不同的
transformorigin
变体，但似乎都没有得到应用

我想知道float是否阻止使用
transform origin
，或者我的代码中是否有其他东西阻止了这种风格。在开发人员工具中，它没有被划掉或变灰，但仍然没有得到应用

这是我的css


.help_png{
    float:right;
    transform-origin: bottom right 60px;
    transform:scale(1.12) rotateZ(0deg) translate(-33px, 12px);
    filter:blur(0.32px) hue-rotate(0deg);
    transition:all 648ms ease-out;
    }
.help_png:hover{
    transform-origin: bottom right 60px;
    transform:scale(1.123) rotateZ(42deg) translate(-33px, 12px);
    filter:blur(0.27px) hue-rotate(-47deg);
    transition:all 648ms ease-out;
    }


您可以查看我在这里的意思：

我希望它们仍然围绕圆的中心旋转，

即使在
转换之后：translate（）已应用，而不是出现故障。

我已经尝试过应用
！重要信息
标记，但这并不能解决问题。

尝试了多个不同的像素值，中间、右下等…

没有一个能起到任何作用。

项目文件是开源的：