i';我想了解一个动画是如何在我链接的网站上制作的,css3还是jquery?

i';我想了解一个动画是如何在我链接的网站上制作的,css3还是jquery?,jquery,animation,css,Jquery,Animation,Css,如果您将鼠标悬停在图像上,请注意向内设置动画的漂亮边框,这是在css3中使用插入阴影完成的吗?或者这是jquery的东西?看起来像是JS。我找不到任何CSS转换或动画之类的东西。它看起来也非常类似于此效果: 看起来像是JS。我找不到任何CSS转换或动画之类的东西。它看起来也非常类似于此效果: 这是CSS3在工作,-webkit转换具体来说,您可以在这里看到它: .list .item .shad { position:relative; top:-1px; margin:1px


如果您将鼠标悬停在图像上,请注意向内设置动画的漂亮边框,这是在css3中使用插入阴影完成的吗?或者这是jquery的东西?

看起来像是JS。我找不到任何CSS转换或动画之类的东西。它看起来也非常类似于此效果:


看起来像是JS。我找不到任何CSS转换或动画之类的东西。它看起来也非常类似于此效果:


这是CSS3在工作,
-webkit转换
具体来说,您可以在这里看到它:

.list .item .shad {
   position:relative;
   top:-1px;
   margin:1px 0 -1px;
   border:1px solid #000;
   opacity:0.25;
   -moz-opacity:0.25;
   filter:alpha(opacity=25);
   -webkit-transition:all 0.1s linear; /* here! */
}
它正在为这些属性值设置动画:

.list .item:hover .shad{
  top:-10px;
  margin:10px 0 -10px;
  background:rgba(0,0,0,0.5);
  border:11px solid #050505;
  opacity:0.85;
  -moz-opacity:0.85;
  filter:alpha(opacity=85);
}

这是CSS3在工作,
-webkit transition
具体来说,您可以在这里看到它:

.list .item .shad {
   position:relative;
   top:-1px;
   margin:1px 0 -1px;
   border:1px solid #000;
   opacity:0.25;
   -moz-opacity:0.25;
   filter:alpha(opacity=25);
   -webkit-transition:all 0.1s linear; /* here! */
}
它正在为这些属性值设置动画:

.list .item:hover .shad{
  top:-10px;
  margin:10px 0 -10px;
  background:rgba(0,0,0,0.5);
  border:11px solid #050505;
  opacity:0.85;
  -moz-opacity:0.85;
  filter:alpha(opacity=85);
}

这就是我在看CSS后的想法,因为我应用了上面提到的影响答案,它没有做任何事情,但我认为我只是做错了什么,这就是CSS。这就是我在看CSS后的想法,因为我应用了上面提到的影响答案,它没有做任何事情,但我想我只是做错了什么,这是CSS。在我发布这个问题之前,我试着将它应用到CSS中的一个元素,但它不起作用,我会再试一次。谢谢,你总是给我我需要的答案。在我发布这个问题之前,我试着将它应用到CSS中的一个元素,但它不起作用,我会再试一次。谢谢,你总是给我我需要的答案。