CSS css图像翻转

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS css图像翻转相关的知识，希望对你有一定的参考价值。

CSS Code

a.rollover {
	display: block;
	width: 150px;
	height: 44px;
	text-decoration: none;
	background: url("webvamp.jpg");
	}

a.rollover:hover {
	background-position: -150px 0;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

HTML Code

<a href="#" class="rollover" title="Webvamp"><span class="displace">Webvamp</span></a>

以上是关于CSS css图像翻转的主要内容，如果未能解决你的问题，请参考以下文章

使用 Jquery 和 css 旋转、翻转图像

CSS 如何在CSS中更改翻转图像（MouseOver）

css 具有动画翻转/悬停效果的灰度翻转图像

CSS图像边框翻转效果而不调整图像大小？

如何使用 html/css 进行图像翻转？

css 翻转图像