Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/447.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
Javascript 从一个图像转换到另一个图像,并在转换过程中使其旋转:CSS_Javascript_Html_Css_Web - Fatal编程技术网

Javascript 从一个图像转换到另一个图像,并在转换过程中使其旋转:CSS

Javascript 从一个图像转换到另一个图像,并在转换过程中使其旋转:CSS,javascript,html,css,web,Javascript,Html,Css,Web,左上角徽标:当您将鼠标悬停在其上时: 你是如何编码的? 从一个图像转换到另一个图像并使其旋转。您可以使用transform on:hover作为旋转状态。和动画的过渡 #logo { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; } #logo:hover { transform: rotate(90deg); -webkit-transform: rotate(90deg); } 欢

左上角徽标:当您将鼠标悬停在其上时: 你是如何编码的? 从一个图像转换到另一个图像并使其旋转。

您可以使用transform on:hover作为旋转状态。和动画的过渡

#logo {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
}
#logo:hover {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

欢迎来到Stackoverflow!如果你还没有读过这本书,请这样做。Stackoverflow并不是为如何制作某些东西提供现成的解决方案。你可以问一个问题,如果你已经尝试了一些东西,但它不起作用。记住这一点!