7X24小时在线,建站仿站,提供空间域名及数据库,可淘宝交易!安全放心!

css实现文字、图片变大变小效果

专职建站仿站2023-04-21 20:38:12288技术文章
<img class="my-shop-btn" src="images/shopping-icon.png" />
.my-shop-btn{
  position: absolute;
  z-index: 99;
  top: 100rpx;
  left: 630rpx;
  width: 80rpx;
  height: 80rpx;
  animation: 自己定义的名称(如:my-btn) 3s ease-in infinite;
}

@keyframes 自己定义的名称(如:my-btn) {
  0% { transform: translateX(0rpx); transform: scale(.8); }
  50% { transform: translateX(20rpx); transform: scale(1);  }
  100% { transform: translateX(0rpx); transform: scale(.8);  }
}


微信号:gaogaojie5
添加微信好友, 获取更多信息
复制微信号
转载声明:本站发布文章及版权归原作者所有,转载本站文章请注明文章来源!

网友评论

复制成功
微信号: gaogaojie5
添加微信好友, 获取更多信息
我知道了
添加微信
微信号: gaogaojie5
添加微信好友, 获取更多信息
一键复制加过了