• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

qdyzhuang

  • 博客园
  • 联系
  • 订阅
  • 管理

公告

View Post

点击下拉旋转,二次点击恢复(vue写法)

/* 动画 */
.downIcon {
  transform: rotate(0deg) !important;
  -webkit-transition: transform 0.25s linear;
  -moz-transition: transform 0.25s linear;
  -o-transition: transform 0.25s linear;
  transition: transform 0.25s linear;
}
.iconTrans {
  transform: rotate(180deg) !important;
  -webkit-transition: transform 0.25s linear;
  -moz-transition: transform 0.25s linear;
  -o-transition: transform 0.25s linear;
  transition: transform 0.25s linear;
}
 <img src="./img/icon-down.svg" :class="{ downIcon: true, iconTrans: this.isShowOption1 }"/>

 

posted on 2022-12-08 16:52  溪陌上的树  阅读(25)  评论(0)    收藏  举报

刷新页面返回顶部
 
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3