css:hover用法（6）:元素会向上浮动，元素整齐会放大效果

<template>
  <div>
    <div id="page">
      <h3>
        transform: translateY(-5px) 鼠标hover时，元素会向上浮动，有动画效果
      </h3>
      <el-button v-for="item in data" :key="item.name" class="eb-for1"
        >{
  
   
   { item.name }}--{
  
   
   { item.age }}</el-button
      >
      <div class="ikonw"></div>
      <div class="ikonw"></div>
      <div class="ikonw"></div>
      <h3>
        transform: scale(1.1);
        鼠标hover时，元素整齐会放大效果，字体联通元素div一起缩放
      </h3>
      <el-button v-for="item in data" :key="item.name" class="eb-for2"
        >{
  
   
   { item.name }}--{
  
   
   { item.age }}</el-