我有一个有趣的情况，我想知道我是否可以通过CSS过渡解决。
描述它的最佳方式是查看jsfiddle。
您可以看到，当您将鼠标悬停在标题栏上时，文本框和图像会移动。
然而，这是通过将X背景位置设置为100％以上来完成的，这会让事情变得有点精神错乱！尝试调整浏览器宽度以查看我的意思。
您可以从左侧执行此操作 - 请参阅此jsfiddle，但我无法想到从右侧执行此操作的CSS方法。
我认为将来calc()可以做到这一点？
有什么想法吗？
答案 0 :(得分：0)
在导航栏中添加一个div作为小猫背景的挂钩，将其向右浮动并在悬停时为宽度设置动画......稍微调整就可以了..