CSS两个图标平移

CSS是一种描述样式和布局的语言。很多时候，在网页的设计和布局中，我们需要对图标进行一些变换，比如让图标向左或向右平移。

/* 第一个图标平移 */
.icon-one {
   position: relative;
   left: 20px;
}

/* 第二个图标平移 */
.icon-two {
   position: relative;
   right: 20px;
}

在上面的代码中，我们可以看到，平移图标的实现涉及到CSS的定位属性。其中，使用了position属性来指定图标的定位方式，使用left属性和right属性分别来实现图标向左和向右的平移。

对于第一个图标的平移，我们使用相对定位的方法，将图标相对于它原本的位置向左平移了20个像素。而对于第二个图标来说，我们使用了相对定位和右侧定位的方式，将图标相对于它原本的位置向右平移了20个像素。

总结一下，平移元素的基本思路是先使用position属性进行定位，再使用left或right属性实现平移。相对定位一般用于向左或向上平移，绝对定位一般用于向右或向下平移。在实际应用中，我们需要根据具体的场景来选择最适合的定位方式。