CSS：transition属性练习

一.transition属性-过渡效果（类似于ppt里的平滑）

参考：transition属性相关

–核心部分
1.为链接a设置transition属性,两个变量元素；color和background-color

transition: all 1.5s ease-in-out;
display: block;先行将a转化成块元素

2.两种状态：变化前和变化后，hover-变化后

a:hover{
			color: #8914B0;
			background-color: aliceblue;
		}

演示：

二.transition属性-进阶

思想：两个元素的变化，一个链接a，一个为a的before伪元素选择器（小箭头图标），鼠标经过，两者位置进行交换。
note 1:链接a的定位需要设置成绝对定位，否则小箭头返回原位置会出现“残影”
如下：

note 2:对a:hover::be