仿 OriginOS 无清理项动画

原创 于 2022-05-02 09:20:54 发布 · 697 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#动画 #css3 #css

这篇博客展示了如何使用HTML和CSS模仿Vivo OriginOS中的无清理项动画。通过创建图标元素，定义关键帧动画，实现了动画效果，包括上部条、球体和下部条的动态移动。适合前端开发者学习和参考。

仿 Vivo OriginOS 无清理项动画

因为我自己的手机是 vivo 品牌, 其中的一些动画挺有意思的, 就像模仿看看. 先看效果
请添加图片描述

HTML

<body>
  <div class="container flex">
    <div class="flex wrapper">
      <div class="icons">
        <div class="bar upper"></div>
        <div class="ball"></div>
        <div class="bar lower"></div>
      &l
最低0.47元/天 解锁文章
vivo OriginOS 5公测适配计划公布，有你的手机吗？
专注大数据、云计算、人工智能、机器人领域技术传播
01-11 9722
蓝心小V一方面具备全场景语音唤醒能力，支持完全的语音唤醒和连续深度对话，另一方面它还增加了更多的专属场景智能体：包括学习助手、运动教练、阅读助手、智能绘图、壁纸助手、脑图生成器、文案助手。iQOO系列：iQOO 12 Pro、iQOO 12、iQOO Neo9S Pro+、Neo9 Pro、Neo9S Pro、Neo9。iQOO系列：iQOO 11 Pro、iQOO 11S、iQOO 11、iQOO Z9 Turbo+iQOO系列：iQOO 10 Pro、iQOONeo7竞速版、iQOO Neo7 SE。
石、火、水：从OriginOS透视移动系统进化论
脑极体
11-20 691
从2007年安卓与iOS发布以来，移动操作系统经历了13年的发展。在此期间，移动产业席卷全球，智能手机成为每个人生活与工作中的必需品。但就像每一项科技成果一样，移动操作系统也必然迎来必须...
Android-安卓仿iPhone控制中心上划出现控制中心工具栏
08-13
安卓仿iPhone控制中心，上划出现控制中心工具栏
仿ios桌面vivo_vivo发布的OriginOS系统怎么样？亮点不服不行
weixin_33880392的博客
12-30 1056
2020年11月18日下午vivo推出了全新的OriginOS让观众眼前一亮。中文名为原OS，打破了以往的排版模式，做到了界面图标和操作方式的创新。对于此次vivo此次推出的OriginOS，有哪些亮点和缺点呢，来看下文的分析。该系统采用了全新的命名规则，从交互逻辑到产品理念相较于此前的系统都有了巨大革新。源os系统细节方面做得很不错，整体的风格来说更加年轻化，比较简洁清新。还有小视频播放和应用多...
仿ios桌面vivo_vivo新系统OriginOS开启内测，这5款机型可率先体验
weixin_42701915的博客
12-02 2132
vivo 于 11 月 18 日正式发布了全新的操作系统——OriginOS，准确的说是新UI，叫做OriginUI比较合适，因为新的系统依然是基于Android操作系统，目前国内某些厂商依然沿用「OS」作为后缀，这点不用太过纠结。vivo 在今天正式宣布：开启首批内测机型招募。首批机型支持机型包括 vivo X50、vivo S7、NEX 3S、iQOO 一代和 iQOO Neo3，并且每款机型...
仿ios桌面vivo_vivo后发制人发力系统长赛道 一切由OriginOS而始
weixin_29959491的博客
12-21 417
“vivo 新系统要来了？”在不久前得知 vivo 官宣全新系统 OriginOS 的时候，很多 vivo 用户的反应应该都是这样的，毫无疑问，这句短短的问话中带着惊疑、感动以及惊喜。此前，在小米的 MIUI、OPPO 的 ColorOS 纷纷“换皮”后，vivo 各大玩机论坛就有很多“柠檬酸”的声音。“有生之年还能用上更好看的 OS 吗！”某位 vivo 网友连续在多条新闻下方刷屏了这...
仿ios桌面vivo_OriginOS评测：颠覆体验，这就是vivo打造的“全新数字世界”
weixin_36243739的博客
12-29 2991
如果说有什么“身外之物”是当下人人生活中必不可少的，智能手机绝对名列前茅。因此一旦提到智能手机这个词，几乎每个人都对其了解一二，比如心目中哪个牌子的智能手机更好用，自己在用什么牌子的智能手机，好用不好用，拍照像素如何，平时都会在手机上用哪些软件等等。但是细心的用户会发现，虽然有些品牌的手机在硬件配置方面近乎一样，然而用起来的体验却相差很多。那么为什么不同品牌的手机用起来不一样呢？这里不得...
用adb命令删除originOS5中dropbox文件夹内电池信息
最新发布
06-23
### 使用ADB命令删除originOS5中Dropbox文件夹下的电池相关数据 在originOS5系统中，通过ADB命令删除Dropbox文件夹内的电池信息需要明确以下几点：首先，确保设备已启用开发者模式并允许USB调试；其次，了解目标...
vivo Funtouch OS仿iOS主题包
其次是在桌面布局上，iOS系统默认采用无抽屉式（No App Drawer）设计，所有应用图标均直接陈列在主屏幕上，并通过文件夹进行分类管理，而该主题包很可能会调整Funtouch OS原有的抽屉模式为类iOS的桌面陈列方式；...
仿ios桌面vivo_vivo全新OriginOS细节曝光：系统UI大变样
weixin_31456563的博客
12-30 1083
今日上午，vivo官宣将在11月18日正式发布历时一年时间制作的全新系统OriginOS。据悉，新系统会在视觉风格、操作体验等方面有较大改变。今日，据@数码闲聊站 最新爆料称，OriginOS不仅将UI重绘，丰富提升过度动画以外，还支持应用全局小窗的功能。除了动画和功能上的优化外，在逻辑方面，新系统将会采用左下拉呼出通知栏，右下拉呼出快捷中心的方式，这一点和最新版IOS与MIUI12的操作逻辑相同...
ios-高仿橘子娱乐项目.zip
07-11
更多gif图 文章博客：https://www.jianshu.com/p/20ce1dfa84c5 使用OC语言高仿橘子娱乐APP，主要使用AsyncDisplayKit提升整个APP项目流畅性，保证主要界面FPS>60以上，由于练习使用ReactiveCocoa，后续会对项目内用的绑定相关进行修改 使用的三方库 Texture（AsyncDisplayKit）主要流界面的布局 MJRefresh下拉刷新实现 XHLaunchAd视频、图片开屏的实现 lottie-ios 一些json动画的实现 Masonry 非node布局的实现 AFNetworking 网络请求 YYModel 模型解析 YYWebImage 非node网络图片加载 ReactiveCocoa 链式响应 （练习使用）
仿ios桌面vivo_vivo全新系统OriginOS：前iOS设计师加盟设计
weixin_33513218的博客
12-30 1979
2020是国产安卓系统百花绽放的一年，EMUI，MIUI，Color OS越做越精致，今年的miui12在整体设计语言可谓是惊艳，不过目前优化情况比较拉跨。oppo的color11在视觉上完全摆脱了当年拙劣模仿ios的影子，有了自己的视觉风格，而且很好看。EMUI相比过去也是进步巨大，当年一看就很粗糙的界面，现在也逐渐细腻起来。曾经最美ui的Flyme，在经过同行的疯狂挖人后，因为开发人员的大面积...
仿vivo控制中心下载_仿vivo控制中心下载_手机控制中心app
weixin_36338765的博客
02-05 4210
手机控制中心app可以用来提供系统管理功能和界面设置功能，它让你快速的访问你手机的各个应用，手机控制中心app还拥有飞机模式、WiFi、调整亮度、手电筒、相机、控制音频、计算器等调控功能，欢迎使用。软件介绍常用设置一触及达，让您的手机操作，移动办公变的简单而高效灵活的自定义功能，悬浮面板和悬浮按钮功能均可自定义，常用功能随意摆放，甚至可以把悬浮按钮设置为返回键哦丰富的主题美化，悬浮按钮不在单调，近...
仿ios桌面vivo_国产版的“iOS系统”！vivo新款Origin OS到底如何？
weixin_31459035的博客
12-30 4177
对于一台智能手机而言，除了要有极为出色的硬件配置之外，而且，还需要更加优秀的软件系统。如果硬件是吸引用户选择这款产品基础的话，那么，软件就是决定着用户购买之后会不会持续的去选择这个品牌。 就拿vivo旗下的Funtouch OS来说，凭借着简洁的设计风格、极致、全面的系统使用体验，吸引了诸多用户们的关注与期待。而为了能够给用户带来更加极致的使用体验，vivo官方对Funtouch OS进行了再次...
小VIVO机器人壁纸图片_OriginOS 深度体验：设计和交互全面进化，vivo 重新思考了手机系统的未来...
weixin_28764585的博客
12-08 824
整合功能、操作上做减法、交互顺应直观感受，这是我从 OriginOS 上看到的改变。现在的手机系统做到「够用」，已经远远不够了。在激烈的市场竞争中，这几年手机的影像能力、充电效率等方面，都获得了极速发展，而最近的一个趋势是，各家越来越重视自己的系统。优化基本功能、用特色功能培养起用户习惯，再往上要和生态内的其它智能产品打通。这些都是为了更长尾的存量竞争，在如今手机市场中基本成为各品牌的共...
android os仿ios,安卓机和iOS系统结合？再也不用去下高仿的iOS主题了
weixin_29159711的博客
05-27 1370
原标题：安卓机和iOS系统结合？再也不用去下高仿的iOS主题了有没有朋友曾经像我一样，酷爱iOS那简洁，图标辨识度高的主题呢？只是那时候买不起苹果手机(现在也买不起)，只能去主题商店里面找一些高仿的iOS主题，然后下载到手机里面使用，哪怕现在我用着华为手机，也会偶尔去下载这样的伪主题。但是最近，我似乎听到了一个好消息，国内蓝厂请苹果系统的设计师耗费一年多的时间为其定制了一款新系统，而且最近就要和大...
安卓桌面整理app_颠覆式体验！OriginOS系统桌面，由你说了算
weixin_33609486的博客
12-30 1497
我们期待已久的vivo新系统终于正式发布。OriginOS的出现，不仅让我们看到了现代科技与真实生活连接的完美形态，同时也感受到了数字化生活所提供的诸多便利。此次OriginOS改动真的非常大，不管是设计风格还是交互体验，都发生了翻天覆地的变化。vivo历时一年之久打造的OriginOS，的确给我们视觉和体验上带来很大的惊喜。那么，全新的OriginOS到底具备了哪些优势呢？全新视觉体验，回归本原...
vivo解锁工具_vivo 发布全新手机系统 OriginOS，它带来了一次全新的交互升级
weixin_39664456的博客
11-22 467
11 月 18 日，vivo 在深圳举行 OriginOS 特别活动，正式发布这个预热已久的全新手机操作系统。它的亮相意味着 vivo 一直以来采用的 Funtouch OS 将逐渐退出舞台，而新系统也着重要改变 Funtouch OS 存在的一些问题——比如在不少玩家眼中它不够时髦不够美，有时也显得有些臃肿。不过 OriginOS 的出现显然并不是“换一张皮”那么简单，虽然都基于 Android...
仿ios桌面vivo_vivo新系统OriginOS公布 ，手机系统UI设计到底谁最强？
weixin_39934869的博客
12-16 1143
‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍如今，市面上的手机机型不计其数，为了得到用户的青睐，各大手机厂商也在不停的比拼芯片、续航等硬件配置，手机系统作为直接关系到用户体验的关键也同样备受重视。而作为UI设计师也能从各大厂商不同的设计风格中掌握UI设计潮流。除了苹果的iOS系统在目前手机市场中，一直保持着举足轻重的地位以外，近年来安卓系统也在不断的更新换代，打造自己的特色...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值