我想知道我妻子珠宝的网站首页。我希望它非常简单。标题背景模糊，顶部标题。在页面的中间是几个带文字的div（项链/戒指/等）。我的想法是当用户将鼠标悬停在＆＃34;项链上时＃34;一个正方形背景图像的那一部分，文字翻转，一个项链的图像在该广场的背面。然后，我希望用户点击图片，将图片带到该产品的目标网页。
有人能指出我正确的方向吗？
答案 0 :(得分：2)
我不确定我到底想要了解的是什么，但您可以使用transform属性使用CSS3翻转图像。
img:hover{
transform: scaleY(-1);
}
这将在图像悬停时垂直翻转图像。您也可以使用scaleX(-1)水平翻转它。
https://developer.mozilla.org/en-US/docs/Web/CSS/transform
这是一个小提琴：http://jsfiddle.net/L6mojwdt/
答案 1 :(得分：2)
不确定这是不是你想要的，但你可以看看这个小提琴，让我知道。您肯定希望在CSS中使用rotateX和rotateY。