如果将鼠标悬停在图像上,请注意向内动画的漂亮边框,这是通过 css3 中的插入阴影完成的吗?或者这是一个 jquery 的东西?
最佳答案
它是 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);
}
关于jquery - 我想了解如何在我链接的网站、css3 或 jquery 上制作动画?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4480991/