Html CSS缩放过渡缓解不起作用

所以我一直想在博客上的图标上做这个比例转换。和易入是正常工作，但不是易出。。。我读了一些东西，但没有一个是关于尺度转换的，所以我一直很难把它应用到我的案例中。。 希望你能帮助我，谢谢 这是我的密码：

#化身{
保证金：自动；
边缘顶部：15px；
宽度：50px；
高度：50px；
边界半径：60px；
边框：0px纯色{颜色：主图标背景}；
z指数：10；
}
#阿凡达img{
宽度：100%；
身高：100%；
边界半径：100%；
}
#阿凡达img：悬停{
-webkit过渡：所有0.7都易于使用；
-moz过渡：所有0.3秒都容易进入；
-o-过渡：所有0.3秒都容易进入；
过渡：所有0.3秒都容易进入；
-ms变换：比例（1.5，1.5）；/*IE 9*/
-webkit转换：缩放（1.5,1.5）；/*Safari*/
变换：比例（1.5,1.5）；
}

---

更新了代码段以包括

#avatar img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

使缓解过渡有效

#化身{
保证金：自动；
边缘顶部：15px；
宽度：50px；
高度：50px；
边界半径：60px；
边框：0px实心{
颜色：主图标背景
}
;
z指数：10；
}
#阿凡达img{
宽度：100%；
身高：100%；
边界半径：100%；
}
#阿凡达img：悬停{
-webkit过渡：所有0.7都易于使用；
-moz过渡：所有0.3秒都容易进入；
-o-过渡：所有0.3秒都容易进入；
过渡：所有0.3秒都容易进入；
-ms变换：比例（1.5,1.5）；
/*IE 9*/
-webkit转换：比例（1.5,1.5）；
/*狩猎*/
变换：比例（1.5,1.5）；
}
#阿凡达img{
-webkit过渡：所有0.3轻松输入输出；
-moz转换：所有0.3秒都易于输入输出；
-ms转换：所有0.3秒轻松输入输出；
-o-过渡：所有0.3秒的缓进-缓出；
过渡：所有0.3秒的缓进缓出；
}

---

更新了代码段以包括

#avatar img {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

使缓解过渡有效

#化身{
保证金：自动；
边缘顶部：15px；
宽度：50px；
高度：50px；
边界半径：60px；
边框：0px实心{
颜色：主图标背景
}
;
z指数：10；
}
#阿凡达img{
宽度：100%；
身高：100%；
边界半径：100%；
}
#阿凡达img：悬停{
-webkit过渡：所有0.7都易于使用；
-moz过渡：所有0.3秒都容易进入；
-o-过渡：所有0.3秒都容易进入；
过渡：所有0.3秒都容易进入；
-ms变换：比例（1.5,1.5）；
/*IE 9*/
-webkit转换：比例（1.5,1.5）；
/*狩猎*/
变换：比例（1.5,1.5）；
}
#阿凡达img{
-webkit过渡：所有0.3轻松输入输出；
-moz转换：所有0.3秒都易于输入输出；
-ms转换：所有0.3秒轻松输入输出；
-o-过渡：所有0.3秒的缓进-缓出；
过渡：所有0.3秒的缓进缓出；
}