Question

好的，所以我试图做一些漂亮的淡出动画。事情是 - 我必须将所有代码放在div标签内（因为我无法访问css文件）。我想将此代码用于我的动画，但我不知道如何修改它以便它可以在div style =＆＃34; ...＆＃34;

内部工作

img {
    opacity: 1.0;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}
img:hover {
    opacity: 0.5;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
}

Answer 1

我想你的意思是你不能按照你的问题标题访问css但是html。所以，如果你想在没有css的html中使用，那么你可以使用onmouseover inline javascript，如下所示：

<img src="path.jpg" onmouseover="this.style.opacity=.5;this.style.transition = \"opacity .55s ease-in-out\"" />

对于前缀，您可以执行mozTransition，webkitTransition。

CSS悬停动画代码在<div style =“”>中 - 是否可能？

1 个答案: