将鼠标悬停在虚线边框上,不覆盖整个边框

时间:2013-11-08 11:13:20

标签: css hover border

我有一个白色边框,在悬停时会变成红色(它会这样做),但由于某种原因,红色部分不会覆盖整个白色虚线。任何人都可以指导我朝正确的方向发展吗?

查看网站了解更多详情: Website

1 个答案:

答案 0 :(得分:0)

尝试在.post-item

上使用悬停状态
.post-item:hover .item-footer {border-top:3px dotted red;}
.post-item:hover .overlay {opacity:0.5;}

使用css-transitions为变化设置动画

这是一个例子

http://codepen.io/anon/pen/gKqrh