如何缩放在 CSS 中添加到 :before 或 :after 中的图像?
例如,我有一个包含书籍封面的页面:
<span class="book">
<img src="http://ecx.images-amazon.com/images/I/41t7xMPK%2B6L.jpg" />
</span>
我想用 CSS 让它看起来更像一本书,而不仅仅是封面。我可以使用 :before 添加第二张图片来执行此操作,但由于所有书籍的尺寸各不相同,我需要能够缩放此图片以适合书籍封面。
我试过了
.book:before{
content:url("/images/book.png");
position:absolute;
height:100%;
width:100%;
}
但这在缩放图像时不起作用。
最佳答案
你可以缩放它:
transform: scale(0.7);
但它不适用于 px 或 %。
关于css - 在 CSS 中缩放生成的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3660045/