Yei.J. 2021-06-06 23:42 采纳率: 100%
浏览 87
已采纳

网页怎么实现图片实时自动放大缩小

如何实现以下效果（动态变化）

浏览页面时 当前图片在屏幕上一会儿大 一会儿小

要求（能设置变化幅度）（变大变小一直循环）（变化得很丝滑）

  • 写回答

4条回答 默认 最新

  • CSDN专家-天际的海浪 2021-06-07 00:33
    关注

    用css动画

    代码如下：{如果对你有帮助，可以给我个采纳吗，谢谢!! 点击我这个回答右上方的【采纳】按钮}。

    <!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title> 页面名称 </title>
<style type="text/css">
.box {
	border-radius: 50%;
	width: 100px;
	height: 100px;
	background-color: #00F;
	animation:mymove 5s infinite;
	margin: 50px;
}
@keyframes mymove
{
    0%{
	    transform: scale(1);  /*开始为原始大小*/
    }
    25%{
        transform: scale(1.5); /*放大1.5倍*/
    }
    50%{
        transform: scale(0.8);
    }
    75%{
        transform: scale(1.1);
    }

}
        
</style>
</head>
<body>

<div class="box"></div>


</body>
</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(3条)

报告相同问题？

悬赏问题

  • ¥100 set_link_state
  • ¥15 虚幻5 UE美术毛发渲染
  • ¥15 CVRP 图论 物流运输优化
  • ¥15 Tableau online 嵌入ppt失败
  • ¥100 支付宝网页转账系统不识别账号
  • ¥15 基于单片机的靶位控制系统
  • ¥15 真我手机蓝牙传输进度消息被关闭了，怎么打开？(关键词-消息通知)
  • ¥15 装 pytorch 的时候出了好多问题，遇到这种情况怎么处理？
  • ¥20 IOS游览器某宝手机网页版自动立即购买JavaScript脚本
  • ¥15 手机接入宽带网线，如何释放宽带全部速度