Javascript 悬停在另一个上时变换缩放div

当用户悬停按钮时，我想用文本转换缩放我的div，但我不知道怎么做。。。 我试过很多操作符，但运气不好

部分{
背景：#000；
颜色：#fff；
高度：1000px；
填充：150px0；
字体系列：Roboto；
}
第h1节{
颜色：#fff；
宽度：250px；
字体大小：36px；
填充：10px 20px；
字号：500；
背景大小：200%100%；
背景图像：线性渐变（向右，rgba（255，255，255，0）50%，#fff 50%）；
-webkit过渡：全部5秒；
-moz转换：全部为0.5s；
过渡：全部5秒；
}
部分：悬停h1{
背景位置：-100%0；
颜色：#2ecc71；
宽度：250px；
填充：10px 20px；
}
#关于。描述{
z指数：999；
}
#关于描述{
边缘顶部：150px；
字体大小：16px；
线高：1.8em；
字母间距：1.2px；
文本对齐：对齐；
颜色：#fff；
边框：2个实心rgba（255、255、255、.8）；
填充：20px 30px；
左边距：40px；
字体大小：正常；
-webkit过渡：全部5秒；
-moz转换：全部为0.5s；
过渡：全部5秒；
z指数：999；
}
#关于描述b{
背景：#2ecc71；
颜色：#fff；
填充物：5px；
字体大小：正常；
}
#描述：悬停{
转换：标度（1.05）；
}
#关于a.btn-outline{
边缘顶端：40px；
字母间距：1.2px；
边框：2个实心rgba（255、255、255、.8）；
边界半径：0px；
填充：20px 30px；
字体大小：16px；
颜色：#fff；
背景大小：200%100%；
背景图像：线性渐变（向右，rgba（255，255，255，0）50%，#fff 50%）；
-webkit过渡：全部5秒；
-moz转换：全部为0.5s；
过渡：全部5秒；
}
#aboutUs a.btn-outline:悬停{
背景位置：-100%0；
颜色：#000；
}
//在这里，我尝试在用户将鼠标悬停在按钮上时添加样式
#aboutUs a.btn-outline:悬停+#aboutUs.desc{
转换：标度（1.05）；
}
#大约，大约{
背景图片：url(https://newevolutiondesigns.com/images/freebies/city-wallpaper-11.jpg);
边框底部：5px实心#fff；
身高：80%；
背景位置：中心；
背景大小：100%100%；
溢出：隐藏；
背景尺寸：封面；
线高：600px；
文本对齐：居中；
宽度：60vw；
左边距：-280px；
右：0；
位置：绝对位置；
-webkit过渡：全部5秒；
-moz转换：全部为0.5s；
过渡：全部5秒；
不透明度：.4；
z指数：1；
}
#aboutUs.aboutUsfoto h2{
字体大小：200px；
不透明度：.1；
底部：0；
位置：绝对位置；
右：0；
}

O nas

知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。
但是，在最低限度上，我们需要一个实验室来进行日常工作。
两人或两人在一个无教区的房间里互相指责。
除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡。

O NAS

好的，我用简单的jquery函数完成了。。。我认为没有办法只使用CSS

  $('#more').hover(
    function(){
      var $this = $('#text');
      $this.data('transform', $this.css('transform')).css('transform', 'scale(1.05)');
    },
    function(){
      var $this = $('#text');
      $this.css('transform', $this.data('transform'));
    }
  );  

---

你不太清楚哪个元素被悬停，你想转换哪个元素…任何演示都应该是最小的。我想用类“.text”当悬停类“a.btn-outline”时，你不能用CSS这样做，因为没有“是的，它应该是最小的，但是如果我在那里使用的某种样式使它成为现实呢？