css-div翻转动画
<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title> <style> .spinner { width:60px; height:60px; background:#67CF22; margin:100px auto; -webkit-animation:rotateplane 1.2s infinite ease-in-out; animation:rotateplane 1.2s infinite ease-in-out; } @-webkit-keyframes rotateplane { 0% { -webkit-transform:perspective(220px); } 50% { -webkit-transform:perspective(220px) rotateY(180deg); } 100% { -webkit-transform:perspective(220px) rotateY(180deg) rotateX(180deg); } } @keyframes rotateplane { 0% { transform:perspective(120px) rotateY(0) rotateX(0); -webkit-transform:perspective(220px) rotateY(0) rotateX(0); } 50% { transform:perspective(120px) rotateY(0) rotateX(-180.1deg); -webkit-transform:perspective(220px) rotateY(0) rotateX(-180.1deg); } 100% { transform:perspective(120px) rotateY(-179.9deg) rotateX(-180deg); -webkit-transform:perspective(220px) rotateY(-179.9deg) rotateX(-180deg); } } </style> </head> <body> <div class="spinner"></div> </body> </html>
知识只有共享才能传播，才能推崇出新的知识，才能学到更多，这里写的每一篇文字/博客，基本都是从网上查询了一下资料然后记录下来，也有些是原滋原味搬了过来，也有时加了一些自己的想法
【推荐】国内首个AI IDE，深度理解中文开发场景，立即下载体验Trae
【推荐】编程新体验，更懂你的AI，立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包，你的智能百科全书，全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell：AI 加持，快人一步
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列：向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源！
· 周边上新：园子的第一款马克杯温暖上架
2016-06-22 java-生成印章swing
2016-06-22 java-图片下载