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

最新推荐文章于 2024-03-04 08:00:00 发布

前端小云儿

最新推荐文章于 2024-03-04 08:00:00 发布

阅读量971

点赞数

分类专栏：前端静态页面以及逻辑文章标签： css

本文链接：https://blog.csdn.net/jieweiwujie/article/details/126657748

版权

前端静态页面以及逻辑专栏收录该内容

117 篇文章 13 订阅 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

<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-

了解本专栏