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);
        }
    }
相关推荐
余防14 小时前
XXE - 实体注入(xml外部实体注入)
xml·前端·安全·web安全·html
jump_jump14 小时前
前端部署工具 PinMe
运维·前端·开源
Baklib梅梅14 小时前
优秀文档案例解析:打造高效用户体验的最佳实践
前端·ruby on rails·前端框架·ruby
慧一居士14 小时前
VUE、jquery、React、Ant Design、element ui、bootstrap 前端框架的 功能总结,示例演示、使用场景介绍、完整对比总结
前端
GISer_Jing14 小时前
0926第一个口头OC——快手主站前端
开发语言·前端·javascript
MediaTea16 小时前
Jupyter Notebook:基于 Web 的交互式编程环境
前端·ide·人工智能·python·jupyter
少年阿闯~~16 小时前
CSS——重排和重绘
前端
个人看法16 小时前
h5实现一个吸附在键盘上的工具栏
前端·javascript·vue
知识分享小能手17 小时前
微信小程序入门学习教程,从入门到精通,微信小程序页面制作(2)
前端·javascript·学习·微信小程序·小程序·前端框架·notepad++
jason_yang17 小时前
JavaScript 风格指南 精选版
前端·javascript·代码规范