找到
295
篇与
易航
相关的结果
- 第 19 页
-
Android代码编辑器高级版 Code Editor Premium Code Editor Premium「代码编辑器」是一款专注于编码的优化文本编辑器。这是在 Android 上进行开发的便捷工具。它包含用于编码的必要功能,包括语法突出显示,自动缩进,代码辅助,自动完成等。 图片 精彩功能: 超过110种语言(c ++,java,javascript,html,markdown,php,perl,python,lua,dart等)的语法突出显示。 代码辅助,折叠和自动完成。 轻松在多个选项卡之间导航。 撤消和重做更改没有限制。 搜索并替换为正则表达式。 显示或隐藏行号。 突出显示匹配的括号 自动缩进和缩进。 显示不可见的字符。 从最近打开或添加的文件集中打开文件 预览HTML和Markdown文件。 包括Emmet对Web开发的支持。 使用内置的JavaScript控制台评估JavaScript代码。 从FTP,FTPS,SFTP和WebDAV访问文件。 集成并轻松访问GitHub。 从Google云端硬盘,Dropbox和OneDrive访问文件。 物理键盘支持,包括组合键。 3个应用程序主题和30多个语法突出显示主题。 更新内容如下: 在预览模式下添加深色主题并切换按钮,可在 WebView 78 及更高版本上使用。 修复了一些小错误并提高了稳定性。 关于版本: 感谢国外XDA大神的修改和分享; 高级 / 付费功能已解锁; 禁用 / 删除不需要的权限+接收者+提供程序+服务; 优化和压缩对齐的图形以及清理的资源,以实现快速加载; 广告权限 / 服务 / 提供者已从 Android.manifest 中删除; 广告链接已删除,并且调用的方法无效; 广告版式的可见性已禁用; Google 云端硬盘损坏; Google Play 商店安装软件包检查已禁用; 调试代码已删除; 删除相应的 java 文件的默认 .source 标签名称; Analytics(分析)/ Crashlytics / Firebase 已停用; 没有有效的跟踪器或广告; 语言:完全多国语言; CPU 架构:通用; 屏幕 DPI:120dpi,160dpi,240dpi,320dpi,480dpi,640dpi; 原始包装签名已更改; 附件下载地址/信息: 更新日期:2024.10.25 当前版本:v0.10.3 隐藏内容,请前往内页查看详情
-
WPS Office V18.13.1专业版 + V13.17国内版及密匙 简介: WPS Office + PDF是体积最小,一体式的办公套件应用程序,致力于帮助您随时随地在Android手机和平板电脑上快速轻松地创建,查看和编辑Office文档和作业。 到目前为止,WPS Office + PDF的下载用户已超过10亿。WPS Office 是Android移动设备和平板电脑上的一站式完整免费办公套件,在一个应用程序中集成了所有Office文字处理器功能:Word,PDF,Presentation,Spreadsheet,Memo和Docs Scanner,并与Microsoft Word,Excel,PowerPoint,Google Doc和Adobe PDF格式完全兼容。 自1989年以来,WPS Office的目标就是为您提供一站式工作解决方案。各种办公工具和独特直观的UI设计确保您享受最佳的移动办公体验。您可以轻松地在手机,平板电脑和其他便携式设备上进行所有办公室文字处理。 WPS Office允许您在办公室外,上课,旅行,就寝前或在任何时间,任何地点,在需要时方便地创建,查看,编辑和共享Office Word文档和作业。 应用截图: 图片 图片 精彩功能: 多合一完整的免费Office套件应用程序 与备忘录,文档,电子表格,演示文稿和PDF集成 与Microsoft Office(Word,PowerPoint,Excel和Txt),Google文档,表格,幻灯片,Adobe PDF和OpenOffice完全兼容。 免费的PDF转换器,PDF阅读器和PDF编辑器 将所有Office文档(word,文本,excel,PowerPoint,doc)转换为PDF 使用移动相机将纸质文档扫描为PDF /图像 支持PDF查看,添加书签和批注查看 支持PDF签名,PDF提取/拆分,PDF合并,PDF到Word 随时随地进行演示 数十种新的Presentation布局,动画和过渡效果 使用WIFI,NFC,DLNA和Miracast进行演示 触控式激光笔,墨水功能可让您在演示模式下在幻灯片上绘画 易于使用且功能强大的电子表格 完整的预定义公式使您更方便地进行基本数据和数字运算 连接到云端硬盘 自动将办公室文档保存到云端:Dropbox,Google Drive,Box,Evernote和OneDrive。通过云服务使所有文档始终保持最新状态。 直接从任何设备轻松访问和编辑办公文档 文件加密与复原 支持文档加密,确保您的办公文档和数据安全 根据需要在30天内轻松恢复已删除的文档 易于共享/传输文件 易于通过WIFI,NFC,DLNA,电子邮件,即时消息,Whatsapp,电报,Facebook和Twitter共享办公文档 完全支持多窗口模式 使您轻松地同时处理不同的任务 独特而直观的移动办公体验 特殊的夜间模式和移动查看模式,用于文档查看和PDF阅读 支持51种语言和所有Office文件格式 文件格式:doc,docx,wpt,dotm,docm,点,dotx / xls,xlsx,xlt,xltx,csv,xml,et,ett / PDF / ppt,pot,dps,dpt,pptx,potx,ppsx / txt / log,lrc,c,cpp,h,asm,s,java,asp,bat,bas,prg,cmd,Zip 各种增值应用内商品 独家授权的字体包和演示模板; 将文本转换为精美的图像; WPS Office成员的更多服务即将推出。现在就加入我们! 更新信息: 从PDF提取文本:您可以使用此功能一次从多个页面提取文本。 PDF表单:您可以在表单字段之间快速切换。 学校工具:为教师和学生提供实用工具。 共享文档:团队成员可以共享和协作文档。 修改信息: 高级 / 付费功能已解锁;(需要登录) 通过所需的帐户登录; 禁用 / 删除不需要的权限+接收者+提供程序+服务; 优化和压缩对齐的图形以及清理的资源,以实现快速加载; 广告权限 / 服务 / 提供者已从 Android.manifest 中删除; 广告链接已删除,并且调用的方法无效; 广告版式的可见性已禁用; Google 云端硬盘云损坏; Google Play 商店安装软件包检查已禁用; 调试代码删除 运行系统要求:Android 5.0+ 附件下载地址/信息: 更新日期:2024.10.10 当前版本:v18.13.1 隐藏内容,请前往内页查看详情
-
寶塔 Linux 面版 9.2.0 開心版【同步官方 10.10】 官方更新记录 【新增】网站Node项目支持PM2 【新增】网站新增.Net项目 【新增】数据库新增Sqlite管理 【新增】Docker新增ipv6支持 【新增】Docker新增安全卸载功能 【新增】Docker本地镜像允许查看使用该镜像的容器详情 【新增】Docker线上镜像允许直接使用该镜像创建容器 【新增】Docker容器页面新增容器分组和置顶 【新增】Docker容器新增快速设置反向代理 【新增】bt命令行支持设置面板免端口访问 【新增】面板左侧菜单新增SSL管理页面 【新增】文件编辑过程中切换页面后自动缩小到左下角 【新增】计划任务新增日志切割 【新增】计划任务新增复制并创建任务 【新增】面板设置新增宝塔面板备份还原 【重构】Docker应用商店,支持同时部署多个相同应用 【重构】Docker容器编排 【优化】Python项目的添加方式 【优化】Node项目的添加管理方式 【优化】增大系统防火墙地区规则的ipset控制器容量 【优化】计划任务数据库备份的默认执行时间 【修复】无法打开证书到期的告警设置的问题 【修复】首页插件概率行无法正常加载 【修复】网站备份显示的时间与计划任务不一致 【修复】SSH登录详情统计不正确 【修复】违规词检测-风险列表点详情没反应 【修复】系统防火墙修改ip规则策略报错 【修复】系统防火墙添加地区规则,防火墙状态显示异常的问题 【修复】新建网站默认页面保存后打开404错误页会报错的问题 【修复】mysql分类设置中会出现2个本地服务器的问题 【修复】数据库配额容器告警,邮箱告警是未安装的,显示已安装的问题 【修复】数据库备份,表的大小计算显示错误的问题 【修复】phpMyAdmin点保存SSL端口提示不正确的问题 【修复】文件上传超出数量后,再次拖拽文件显示空白的问题 【修复】其他已知 开心版更新记录 第三方 阿里云盘自动备份 2.6 修复内容如下 Node项目:未安装插件时报错而不是显示未安装 SSH系统账号管理:未安装插件时报错而不是显示列表为空 入侵防御:未安装插件时报错而不是显示未安装 PHP网站安全:未安装插件时报错而不是显示未安装 优化授权机制,修复监控版本防火墙时不时失效问题! 更新已知的插件版本 修复已知的bug 优化本地列表:云端列表连不上的时候会优先读取本地列表而不会出现商店无法使用但无法安装新插件 优化本地插件:云端连不上以及插件无法安装的时候,本地已经安装的插件可以正常打开使用而不会走云端 现在开始全新安装或者掉登录无需重新执行升级脚本或者去登录,直接重启面板会自动生产随机号码自动登录(已经把代码写在了授权文件里了,相当于再也不用登录了) 安装命令 隐藏内容,请前往内页查看详情 升级命令 Linux面板 9.2.0 升级企业版命令(所有官方版 / 开心版 包括低版本 都可以执行这个升级到 9.2.0 开心版): 隐藏内容,请前往内页查看详情
-
斗破苍穹高燃视频 第01集 逼格拉满 第02集 当然知道你不在我身边啦 可我还是想抱抱你 第03集 到底是为了什么? 第04集 斗破依旧是巅峰! 第05集 风雪压了三年又三年,这次风要停雪也要化了 第06集 还记得21年夏天陪我看三年之约的你吗 第07集 海老的玄冰龙翔与宁川的六道至尊串 第08集 何为成长? 第09集 既然战斗不可避免,我自会放手一搏 第10集 假如时间倒退,那位天才少年的斗气并未消失,他的人生又会怎样呢 第11集 来自萧炎的高光时刻 第12集 你欺我弟子,今日我倒要看看,就算我实力不足全盛时期十之二三,你又能奈我何 第13集 起初,他只想完成对父亲的承诺 第14集 热爱永无止境 第15集 如果没有师父,我又怎知天地之大世界之广 第16集 三年之约,如期而至 第17集 少年写年少,少年看少年 第18集 失败是迷雾,穿过它,我们就可以瞥见光明 第19集 所谓成长,不过是用时间慢慢擦亮你的眼睛 第20集 萧炎,永远都不要停下前进脚步 第21集 萧炎三上云岚宗,三十年河东,三十年河西,莫欺少年穷 第22集 一直是经典,从未改变 第23集 以后面对绝境之时,也不要把后背交给不信任的人 第24集 正是我废物三年,反而看的更为透彻 第25集 中州F4老二 风尊者 第26集 自从药老被他亲弟子寒枫背叛后,便不再相信任何人,直到遇到了萧炎 三十年河东,三十年河西,莫欺少年穷! 这里是属于斗气的世界,没有花俏艳丽的魔法,有的,仅仅是繁衍到巅峰的斗气!
-
{dplayer-list-item title=" alt="仙逆高燃视频" />
仙逆高燃视频 第01集 生来平凡不代表注定平凡,凡人的命数也不是天定的! 第02集 到死他们都在保护王林 第03集 今日你已然是仙人模样 爹娘也就知足了 第04集 麻子不愧为逆修 第05集 亲眼目睹亲人被害,王林一怒入极境 第06集 顺则凡 逆则仙 弱肉强食 强者为尊 第07集 他多希望这一刻是真的 第08集 王林成功突破结丹期,大杀四方,怒斩千人结丹修士 第09集 王林对战藤化元最终肉身具毁,四百年后王林元婴期回归复仇 第10集 王林失去至亲产生极境,成为同境无敌 第11集 王林踏上不归桥,再见逝去的爹娘 第12集 王麻子护妻来了 第13集 仙逆王麻子各大名场面,哪一个才是你的最爱呢 第14集 修仙就是这么残酷 第15集 原来这就是修仙 第16集 这就是变强的代价吗 第17集 这一千三百多年的修道,我王林已经学会了狠毒 第18集 这应该是国漫变化最大的男主了吧,很多人已经快忘了王林前期是什么样子了吧 第19集 周紫虹喜欢马良吗 顺为凡,逆则仙,只在心中一念间! -
完美世界高燃视频 第01集 你的道路,还远未结束 第02集 毁灭中焕发生机,涅槃重生,必将远超过去 第03集 你若能来,此叶绽放 第04集 一人独断万古,你比任何人都要难,都要苦 第05集 何惧以身应劫 第06集 回首万古,独伴大道 第07集 荒天帝的一生,经历了痛苦。独自站在岁月之上,回首万古,独伴大道 第08集 他逆活九世 每一世都在挖坟 只为寻找到他的挚友荒天帝 第09集 外表看似强大 其实内心比谁都孤独 第10集 我遥望未来,一片混沌,再回首,身后一片虚无 第11集 血色平原石昊化身魔曦护送云曦十万里回族 第12集 再见云曦,荒愧疚一生的女胖子 第13集 荒身份见她,她却不识他 第14集 荒天帝的他化自在大法究竟有多厉害,其真正含义又是什么呢 第15集 不是亲妈胜似亲妈 第16集 《完美世界》真的完美吗? 第17集 败给我 是你此生唯一值得铭记之事! 第18集 边荒七王一直守护着帝关,可后代却沦为罪血一脉 第19集 不过是个刚刚点燃神火的亡神 第20集 成帝的代价是什么 第21集 成帝了,第一次流泪 第22集 从无退缩可言 第23集 大家,对不起了…. 第24集 第一千九百九十七章 最后的柳神,第两千零一十四章 独断万古 第25集 点灯回眸百媚皆不如你 第26集 兜兜转转,又回到了原点 第27集 独断万古荒天帝 第28集 而没有人,是我们的主宰! 第29集 尔等岂能体会荒天帝的征战一生 第30集 犯我石国者 统统镇压 第31集 放不下的执念 会让眼前的一切都变成敌人 第32集 放开她! 第33集 扶摇直上九万里 第34集 高绝孤傲 道心稳固 第35集 个个都怎么狂妄 第36集 孤独的荒天帝 第37集 荒的道是什么道? 第38集 荒天帝! 第39集 荒天帝的一生都是孤独的 第40集 荒天帝的一生好像什么都是命中注定 第41集 忧国往家 捐躯济难 第42集 火桑花开 我在这里等你回来 第43集 或超然物外或杀身成仁 皆为大道 第44集 几句话就想着抹消别人奋斗一生的意义 你凭什么 第45集 接下来,交给我 第46集 界海三万年血战 石昊一人迎战三位准仙帝 柳神帮助石昊拦住羽帝最终陨落 第47集 今日不斩你 我也枉称 人皇 第48集 苦 何止是苦 第49集 柳神! 第50集 没有人是我们的主宰 第51集 那就十死无生吧 第52集 你的道 终点在何方呢 第53集 你该伏诛了 第54集 你可知这一切的代价是什么 第55集 蚍蜉撼树,不自量力 第56集 凭什么 凭什么! 第57集 七打一被反杀 会不会玩 第58集 七神下界石昊身死,黄羽 你万死难赎 第59集 人皇 第60集 人生就是如此 没有人能陪你一直走下去 第61集 如果跟他们为敌,就要被孤立的话,那就来吧,我愿投身大动乱中,我就是最大的清算者! 第62集 伤我石国千万子民 今日不斩你 我也枉称人皇 第63集 上一个说这么狂话的人,已经封号了 第64集 石昊惊现九龙拉棺处预知未来一角,这里面究竟隐藏了什么? 第65集 石昊三千州天才大战终夺冠,荒之名将彻底响彻三千州 第66集 石昊一人对战天人族三位强者 第67集 石昊又迎来了一个强大的敌人 第68集 石昊走天梯问道 遇心魔坚守本心不受其蛊惑影响! 第69集 时光穿不断 流转在从前 第70集 实力不俗 我来会会你 第71集 他日我崛起成帝之时 就是你们的遭劫之日 第72集 天生双眸已为皇,重瞳开天秒仙王! 第73集 同境界 没人是我的对手 第74集 推演未来代价几何 第75集 万世沧桑 唯有爱是 永远的神话 完美世界剧场版! 第76集 为护如此美景 何惧以身应劫 第77集 我的道永远只为自己而走! 第78集 我名为荒 第79集 我若为帝,谁敢如此折辱 第80集 我是人皇 肩负守护八域子民职责 第81集 我说过会祝你成功 不会 看着你陨落 第82集 我为你们战出一条路! 第83集 我在自己所能达到的境界就是天下无敌 第84集 无定骨 第85集 仙古一战何其悲惨,石昊梦回仙古只能眼睁睁看着仙古的朋友一个个战死却又无能为力,还有后期最绝望的一战界海之战 第86集 小不点 你回来啦 第87集 小不点 我们回家 第88集 遥望未来 身后一片虚无 无处可去 但祂还是想长眠在长大的地方 第89集 已具帝王之相 第90集 因果尽加吾身 第91集 有我在 不会再让你们伤害一人 第92集 原来石昊的每一步路 柳神都替他规划好了 第93集 愿万里山河无恙 第94集 再回首,你的身后一片虚无 第95集 怎么证明你看过完美世界 第96集 知我姓名 你死而无憾了 第97集 只是因为刚好遇见你 第98集 只为睹佳人惊鸿,细把眉眼描摹 第99集 终将站在岁月长河 独伴神道 第100集 终有勇气独挡 人世荒唐 第101集 重瞳者,果然先天不败呀 第102集 纵横天下,独断万古 第103集 最后时刻,还是像小时候一样孤零零的一个人 第104集 此战过后,将绝地通天 第105集 故石国人皇之位,传位于荒天候石昊 第106集 今日斩你形神,明我道心 第107集 柳神的一生 第108集 切勿固步自封,如若不然,定会消失于尘埃 第109集 若业火真能焚烧罪恶,该被净化的,也是你们 可惜你不看完美世界 更不懂以荒之名证战九天十地,闯仙古、上九天、守帝关、入仙域、进葬土、踏仙域、灭异域、平界海、独断万古背对众生荒天帝原名石昊,天资万古无双,为修道而生,为应劫而至,一生中极致璀璨,造就无尽传说,曾独创遮天修炼体系为后世所用,曾一人横推异域无人敌,杀到世间无人敢称尊,曾一人镇杀四位黑暗准仙帝平定黑暗大动乱,曾一剑独断万古造就完美世界,他的一生孤独悲苦却也无敌灿烂,真可谓辉煌耀万古,不知多少个纪元之后被后世尊称为“那位”。 漫长岁⽉后,也许会有那样⼀个⼈,独⾃站在岁⽉长河上,回⾸万古,独伴神道。
-
HTML+CSS实现太极八卦加载动画 动画效果预览 HTML部分 <html> <head> <meta charset="utf-8"> <title>太极八卦</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="./55-太极八卦.css"> </head> <body> <div class="table"> <div class="table-cell"> <svg width="470px" height="470px" viewBox="0 0 470 470" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-1"> <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="25" in="shadowOffsetOuter1" result="shadowBlurOuter1"> </feGaussianBlur> <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.63 0" in="shadowBlurOuter1" type="matrix" result="shadowMatrixOuter1"></feColorMatrix> <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetInner1"></feOffset> <feGaussianBlur stdDeviation="25" in="shadowOffsetInner1" result="shadowBlurInner1"> </feGaussianBlur> <feComposite in="shadowBlurInner1" in2="SourceAlpha" operator="arithmetic" k2="-1" k3="1" result="shadowInnerInner1"></feComposite> <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.7 0" in="shadowInnerInner1" type="matrix" result="shadowMatrixInner1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> <feMergeNode in="shadowMatrixInner1"></feMergeNode> </feMerge> </filter> <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-2"> <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="22.5" in="shadowOffsetOuter1" result="shadowBlurOuter1"> </feGaussianBlur> <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.7 0" in="shadowBlurOuter1" type="matrix" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-3"> <feOffset dx="0" dy="0" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="20" in="shadowOffsetOuter1" result="shadowBlurOuter1"> </feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.7 0" in="shadowBlurOuter1" type="matrix" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-4"> <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="25" in="shadowOffsetOuter1" result="shadowBlurOuter1"> </feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.63 0" in="shadowBlurOuter1" type="matrix" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-5"> <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="15" in="shadowOffsetOuter1" result="shadowBlurOuter1"> </feGaussianBlur> <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.23 0" in="shadowBlurOuter1" type="matrix" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-6"> <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="25" in="shadowOffsetOuter1" result="shadowBlurOuter1"> </feGaussianBlur> <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.63 0" in="shadowBlurOuter1" type="matrix" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> <filter x="-50%" y="-50%" width="200%" height="200%" filterUnits="objectBoundingBox" id="filter-7"> <feOffset dx="0" dy="1" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset> <feGaussianBlur stdDeviation="15" in="shadowOffsetOuter1" result="shadowBlurOuter1"> </feGaussianBlur> <feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.23 0" in="shadowBlurOuter1" type="matrix" result="shadowMatrixOuter1"></feColorMatrix> <feMerge> <feMergeNode in="shadowMatrixOuter1"></feMergeNode> <feMergeNode in="SourceGraphic"></feMergeNode> </feMerge> </filter> </defs> <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="Artboard-1"> <ellipse id="Oval-1" fill="#485d51" cx="237" cy="228" rx="111" ry="111"></ellipse> <circle id="Oval" fill="#0E7CFE" filter="url(#filter-1)" cx="237" cy="228" r="39"></circle> <path d="M237.737045,228.155741 C206.543902,228.155741 181.166785,253.532859 181.166785,284.726749 C181.166785,312.174294 200.823516,335.102165 226.795386,340.215844 C169.77682,334.873529 125,286.749357 125,228.358226 C125,166.403809 175.404556,116 237.357479,116 C241.130723,116 242.479377,116.122537 242.479377,116.122537 C271.062631,118.710011 293.460007,142.732496 293.460007,171.989704 C293.460007,227.891241 237.737045,228.155741 237.737045,228.155741 L237.737045,228.155741 Z" id="Path1" fill="#FFFFFF" filter="url(#filter-2)"></path> <g id="Group" transform="translate(264.500000, 228.500000) scale(-1, -1) translate(-264.500000, -228.500000) translate(180.000000, 116.000000)" filter="url(#filter-3)" fill="#000000"> <path d="M112.737045,112.155741 C81.5439023,112.155741 56.1667848,137.532859 56.1667848,168.726749 C56.1667848,196.174294 75.8235156,219.102165 101.795386,224.215844 C44.7768195,218.873529 0,170.749357 0,112.358226 C0,50.403809 50.4045562,-2.84217094e-14 112.357479,-2.84217094e-14 C116.130723,-2.84217094e-14 117.479377,0.122537018 117.479377,0.122537018 C146.062631,2.71001075 168.460007,26.7324965 168.460007,55.9897038 C168.460007,111.891241 112.737045,112.155741 112.737045,112.155741 L112.737045,112.155741 Z" id="Path2"></path> </g> <circle id="Oval-3" fill="#000000" filter="url(#filter-4)" cx="164" cy="156" r="39"></circle> <circle id="Oval-3-2" fill="#000000" filter="url(#filter-5)" cx="187" cy="83" r="16"></circle> <circle id="Oval-4" fill="#FFFFFF" filter="url(#filter-6)" cx="309" cy="300" r="39"></circle> <circle id="Oval-4-2" fill="#FFFFFF" filter="url(#filter-7)" cx="286" cy="373" r="16"></circle> </g> </g> </svg> </div> </div> <a class="box-item" href="https://codepen.io/LOverride/" target="_blank"> </a> </body> </html>CSS部分 隐藏内容,请前往内页查看详情
-
2024 年最前沿的 5 大 CSS 功能 | 高级 CSS CSS作为Web设计的基石,一直在不断进化,以应对现代设计的挑战。2024年,CSS引入了一系列令人惊叹的新特性,大大拓展了Web设计的可能性。本文将深入探讨五个最具革命性的CSS新特性,这些特性正在彻底改变前端开发的方式。 1.CSS容器查询(Container Queries) 容器查询允许基于元素的容器大小而非视口来设置样式,这对响应式设计是一个巨大的突破。 示例: 图片 这种方法使得组件级别的响应式设计成为可能,大大提高了代码的可维护性和模块化程度。 2.CSS子网格(Subgrid) 子网格是CSS网格布局的扩展,允许网格项继承其父元素的网格定义。这对于复杂的嵌套布局特别有用。 在 subgrid 出现之前,我一直在为嵌套网格而苦苦挣扎,这往往会导致 CSS 变得复杂冗长。 子网格允许子元素与父网格无缝对齐,从而简化了这一过程。 示例: 图片 子网格简化了复杂布局的创建,减少了冗余代码,提高了网格设计的一致性。 3.@property规则定义的CSS自定义属性 @property规则允许定义具有类型检查、初始值和继承特性的自定义属性(CSS变量)。 示例: 图片 这种方法增强了CSS变量的能力,提供了更多对其行为的控制,确保了它们的正确使用。 4.CSS嵌套 CSS嵌套允许以反映HTML结构的方式嵌套CSS选择器,提高了CSS的可读性和可维护性。 示例: .card { background: white; & .title { color: black; } & .content { font-size: 0.9em; } }这种特性使CSS更加组织化,简化了样式的编写和维护过程,特别是在大型项目中。 5.CSS滚动链接动画 滚动链接动画允许创建响应用户滚动位置的动画,为网站增添了新的交互维度。 示例: @keyframes fade-in { from { opacity: 0; } to { opacity: 1; } } #box { animation: linear fade-in; animation-timeline: scroll(); }这种动画可以使网站更加动态和吸引人,增强用户体验。 结语 2024年的这些CSS新特性为创建更具响应性、组织性和吸引力的Web设计提供了强大的工具。通过在工作流程中incorporate这些前沿特性,开发者可以显著提升项目质量并简化开发过程。 这些新特性不仅提高了开发效率,还开启了Web设计的新可能性。例如,容器查询使得真正的组件级响应式设计成为现实,而滚动链接动画则为用户交互带来了新的维度。随着这些特性的广泛采用,Web开发的未来将更加灵活、高效且富有创意。 掌握这些新特性,将有助于开发者在不断演进的Web开发世界中保持领先地位。通过实践和探索这些新工具,开发者可以创造出更加动态、响应迅速且视觉吸引的Web体验。