网站有做货百度登录首页

下面给出一段CSS代码，他包含了一些对图形的空间处理基础知识，可以先参考学习：

<img src="1235298.gif" alt="Magnet" class="tile-image"><style>.tile-image{transform: translate(0, 50);   /* x 轴不变，y轴向下平移 *//* 下面是针对不同的浏览器而写 */-ms-transform: translate(0, 50px);  /* IE9 */-webkit-transform: translate(0, 50px);  /* Chrome 和 Safari */-o-transform: translate(0, 50px);   /* Opera  */-moz-transform: translate(0, 50px);  /* Firefox */transform: rotate(90deg);   /* 顺时针旋转90度 */-ms-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);transform: scale(1.2, 1.6);   /* 在x和y方向上进行缩放 */-ms-transform: scale(1.2, 1.6);-webkit-transform: scale(1.2, 1.6);-o-transform: scale(1.2, 1.6);-moz-transform: scale(1.2, 1.6);transform: rotateX(30deg) rotateY(120deg);      /* 在3D空间中，x方向旋转30度，y方向旋转120度*/-webkit-transform: rotateX(30deg) rotateY(120deg);-moz-transform: rotateX(30deg) rotateY(120deg);}
</style>

上述代码展示的是对一个图片处理的多种语法，有些操作会覆盖前面的操作。要想同时产生效果，可以使用下面的方法：

    .tile-image{transform:  rotate(90deg) scale(1.2, 1.6);-webkit-transform: rotate(90deg) scale(1.2, 1.6);}

同时进行旋转和缩放。