纯CSS实现卡片欢动效果

@keyframes cardShake {
  0% { transform: translateX(-2px); }
  25% { transform: translateX(2px); }
  50% { transform: translateX(-2px); }
  75% { transform: translateX(2px); }
  100% { transform: translateX(-2px); }
}
 
.card {
  animation: cardShake 0.5s; /* 抖动的持续时间 */
  animation-iteration-count: infinite; /* 动画重复次数 */
}

<div class="card">卡片内容</div>

相关文章：

关于腾讯IM消息ID不统一的问题？服务端的MsgKey和前端的msgID不一样

强大的EmotiVoice：易魔声 : 多音色提示控制TTS

微信小程序登录与获取手机号 (Python)

基于Android Studio的行程记录APK开发指南(三)---界面设计及两种方法获取用户位置

AI在医学领域：MIL回归用于前列腺癌复发预测

Linux 性能调优之CPU上下文切换

halcon 畸变矫正算子 VectorToAnison

lambda 表达式（匿名函数）的具体应用和使用场景

FxFactory 8 for Mac 视觉特效插件包安装

【华为笔试2】

【深度学习】LSTM模型，GRU模型计算公式及其优缺点介绍

Leetcode面试经典150题-2.两数相加

基于Spring Boot构建一个点餐系统

哥伦比亚TV：重塑影视娱乐版图，开启全球文化共鸣之旅

部署FileBeat采集日志发送到Kafka集群服务器

String、StringBuffer、StringBuilder的区别和用法

数据库的操作：SQL语言的介绍

机器学习之 PCA降维

开学季好物一览，新学期启航必备好物

【即时通讯】轮询方式实现