嗨我目前有悬停时显示在图像上的跨度,但是我想使用一些javascript或css过渡使这个div在悬停时淡入大约0.8不透明度,然后在鼠标悬停时返回到0.
这是我到目前为止如何设置的示例,现在所需要的是淡入淡出和0.8不透明度:
我确定有一个简单的代码,有人必须这样做
非常感谢帮助谢谢!
目前我有一个固定大小的 HTML5 画布，如下所示：
<div class="container">
<canvas id="example" width="350" height="250"></canvas>
</div>
然而，我希望能够缩放画布，使其与周围的容器大小相同，显然它仍然必须保持相同的纵横比。我还希望它是流体的，这样如果用户调整浏览器的大小，那么画布将随着流体容器缩放。
例如，如果我的容器设置为 500px 的宽度，那么画布的宽度将缩放到相同的大小。例如：
<div class="container" style="width:500px;">
<canvas id="example"></canvas>
</div>
例如，画布的宽度将是 500px 以匹配容器，高度将自动设置为 357px，以保持相同的纵横比。
我相信这可以通过一些 javascript 来实现，我只是不知道该怎么做......我希望我已经为某人提供了足够的信息来帮助我。如果有人可以制作一个 jsfiddle 并提供一些示例代码（如果可能的话），我将不胜感激。
谢谢。