用什么办法可以写css图标放大或者缩小不变形????急急!!!!

html-css08

用什么办法可以写css图标放大或者缩小不变形????急急!!!!,第1张

针对你的需求来看，用css3来操作我觉得不是很恰当。

目前能够良好的支持CSS3的浏览器全都对SVG支持良好，使用SVG构建矢量图图标是比较合适的，即使你需要兼容IE6，使用raphael.js也可以办到，目前这个js已经整合到最新的ext4.0.7.js中。

通常的html元素都不是矢量图，缩放可能带来问题，这个HTML元素都无法控制，CSS更是鞭长莫及了

例：

用CSS3对图片放大效果

.right_div .topicons li a:hover img{

-webkit-transform:scale(1.5,1.5)

-moz-transform:scale(1.5,1.5)

-transform:scale(1.5,1.5)

}

<div class="right_div">

<ul class="topicons">

<li><div class="img1"><a href="#"><img src="images/product_miniimg_01.png" /></div><p>企业统一门户</p></a></li>

</ul>

</div>

希望我的回答可以帮到您哦

css sprites问题 首先，你需要有一定的ps基础，可以将各式各样的小图标合起来放在一个图层中，放置的时候注意图片间距，提前想好页面中你要显示的图标留多少空间，怎么恰当的显示一个图标而不会额外显示出其他图标的边角。还有最好用透明的图层。