小编Ran*_*ude的帖子

IE 11中的"Fly-In"svgpath是否有可能？

喜欢

@keyframes fadeInP {
    from
    {
        stroke-dashoffset:1000;
    }
  to {
    stroke-dashoffset: 0;
  }
}
.animate
{
 animation: fadeInP 10s linear infinite;
}

对于

<svg  xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 400 400">
 <path stroke-width='8' class = "animate" fill='none' stroke="#ffffff" d="M 0,0 C 100,10 200,80 300,15 " />
</svg>

这适用于FF,但无法在网络中找到任何解决方案在IE中做类似的事情.

提前致谢

我试图将div添加到另一个div,以便它的上边框在倾斜时不会移动.

Html代码:

 <div class="Container">
      <div class="Main"> </div>
      <div class="Shadow"></div>
 </div>

Css代码:

.Shadow
{
    height:70px;
    width:30px;
    transform:skew(20deg);
    background-color:lightgray;
}
.Container {
    display:inline-block;
}
.Main
{
    width:30px;
    height:100px;
    background-color:green;
}
}

Demofiddle

以下移动阴影div的边界.有没有办法避免这种情况并将阴影div的上侧"停靠"到Maindiv,这样它就不会移动(即使在动画中改变'skew')？

提前致谢