CSS实现中心放大动画

所有的动画代码可在css动画网站直接复制代码;

以下为上述演示动画代码:

css 复制代码
    .scale-up-center {
        animation: scale-up-center 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    }

    @keyframes scale-up-center {
        0% {
        transform: scale(0.5);
        }
        100% {
        transform: scale(1);
        }
    }
相关推荐
Zacks_xdc8 小时前
【前端】使用Vercel部署前端项目,api转发到后端服务器
运维·服务器·前端·安全·react.js
给月亮点灯|8 小时前
Vue基础知识-脚手架开发-使用Axios发送异步请求+代理服务器解决前后端分离项目的跨域问题
前端·javascript·vue.js
张迅之8 小时前
【React】Ant Design 5.x 实现tabs圆角及反圆角效果
前端·react.js·ant-design
蔗理苦10 小时前
2025-09-05 CSS3——盒子模型
前端·css·css3
二川bro10 小时前
第25节:VR基础与WebXR API入门
前端·3d·vr·threejs
上单带刀不带妹10 小时前
Node.js 的模块化规范是什么?CommonJS 和 ES6 模块有什么区别?
前端·node.js·es6·模块化
缘如风11 小时前
easyui 获取自定义的属性
前端·javascript·easyui
诗书画唱11 小时前
【前端教程】JavaScript 实现图片鼠标悬停切换效果与==和=的区别
开发语言·前端·javascript
光影少年11 小时前
前端上传切片优化以及实现
前端·javascript·掘金·金石计划
喜葵11 小时前
前端安全防护深度实践:从XSS到供应链攻击的全面防御
前端·安全·xss