用css和jquery圈动画

Question

我必须设计一个动画。顶部和底部有两个半圆。当我们悬停该部分时，圆圈将会生成动画。

请看图片：

jsfiddle链接： - https://jsfiddle.net/bharat_negi/bbdbbdn3/

HTML代码： -

<div id="wb_Image2" style="position:absolute;left:26px;top:805px;width:1393px;height:779px;z-index:1;">
<img src="images/unjc7g4477.jpg" id="Image2" alt=""></div>

Answer 1

看看我创建的这个例子：

https://jsfiddle.net/bbdbbdn3/1/

它不是您问题的答案，但希望能帮助您找到解决方案。

＆＃34;动画＆＃34;在这个例子中，工作是通过使一个垂直居中的元素（在这种情况下是.curtain）填充父元素并具有与父背景相匹配的背景颜色。然后在悬停时，.curtains高度动画为0