img { /* 图片缩放 */ width: 50%; /* 图片宽度为父元素宽度的50% */ height: auto; /* 设置高度自适应 */ }
上面的CSS代码实现了图片的缩放效果,其中width属性设置了图片的宽度为父元素宽度的50%,而height属性设置了高度自适应,保证图片的比例不失真。
img { /* 图片旋转 */ transform: rotate(45deg); /* 图片旋转45度 */ }
通过CSS3的transform属性,还可以实现图片的旋转效果,如上面的代码所示,设置图片旋转45度即可。