添加到桌面

网站副logo详细代码

本文阅读 1 分钟
首页 技术教程 正文
<!-- 3周年图片标识 -->
<span class="anniversary-badge">
  <img src="https://img.rlxx.vip/2025/11/2802136108.png" alt="3周年" class="anni-img">
</span>
</div>

<style>
.anniversary-badge {
  display: inline-block;
  margin-left: 5px;
  vertical-align: middle;
}

.anni-img {
  /* 支持直接在img标签或这里自定义大小 */
  width: 60px; /* 默认宽度,可修改 */
  height: 80px; /* 默认高度,可修改 */
  object-fit: contain; /* 保持图片比例不拉伸 */
  animation: pulse 2s infinite; /* 保留原有呼吸动画 */
}

/* 呼吸动画保留 */
@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.1); }
  100% { transform: scale(1); }
}
</style>
<!-- 新增3周年标识结束 -->

图片示例

网站副logo详细代码1
网站副logo详细代码2

本文来自投稿,不代表本站立场,如若转载,请注明出处:
Image
-- 展开阅读全文 --
个人免费发卡系统流量卡商城系统源码
« 上一篇 06-16
高仿百度网盘奇妙赏盲盒源码 – Uniapp前端 + 易支付对接 + 无限回调
下一篇 » 06-18
 

发表评论

发表评论