开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何在持久化的底片上实现深色透明的背景向上滑动？

在持久化的底片上实现深色透明的背景向上滑动的关键是利用图像处理技术和前端开发知识。具体步骤如下：

底片：持久化的底片是指一个用于展示背景图像的图层或画布。可以使用HTML5的Canvas元素或者CSS的背景图像来创建底片。
深色透明背景：深色透明背景可以通过CSS的背景色和透明度来实现。可以将底片的背景色设置为深色，并设置透明度。
向上滑动效果：可以利用CSS的动画效果或者JavaScript来实现向上滑动的动画。可以使用CSS的transition属性或者JavaScript的动画库，如Animate.css或GSAP来实现平滑的滑动效果。

综上所述，通过在持久化的底片上设置深色透明背景并添加向上滑动的动画，可以实现在底片上实现深色透明的背景向上滑动的效果。

对于这个问题，腾讯云的产品和服务可能与其无关。如需了解腾讯云的相关产品和服务，请访问腾讯云官网：https://cloud.tencent.com/

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

[首发] 苹果iOS 13 新设计规范全面解析

静电说：iOS 13已经发布了半个月时间。很多小伙伴都特别想对iOS13的全新设计规范有一个全面的了解。在这里静电结合WWDC 2019的官方视频与苹果官方资料，花了一整天的时间翻译整理，为大家带来最全面细致的iOS 13交互设计指南及规范解析。赶紧转发收藏吧！

04

【设计】近期发现的 APP UI 设计趋势

https://appmaster.io/blog/top-10-mobile-app-ui-design-ideas-2022

03

最新iOS设计规范七｜10大视觉规范（Visual Design）

iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师，都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率，保证用户良好的体验。本文是iOS设计规范系列第7篇，介绍视觉设计（Visual Design）。

03

利用PPT如何设计制作创意相框

很多人都希望自己的PPT能够独具匠心，在展示图片或制作电子相册时，总想让图片有个新颖、独特的相框，而PPT自带的图片边框显得“力不从心”。如果利用自选图形，再经过边线及内部填充等设置，就能够制作出具有创意效果的相框。下面iSlide就讲述微立体相框和水晶相框的制作技法。

02

Google I/O 2019 Android 应用源代码现已发布

今年的 I/O 应用大幅修改了现有功能并添加了若干新特性。在这篇文章中，我们将着重围绕其中几项主要变更进行说明。

01

最新iOS设计规范三｜3大界面要素：栏(Bars)

iOS是运行于iPhone、iPad和iPod touch设备上、最常用的移动操作系统之一。作为互联网应用的开发者、产品经理、体验设计师，都应当理解并熟悉平台的设计规范。这有利于提高我们的工作效率，保证用户良好的体验。

01

Android 样式系统 | 主题背景属性

在 Android 样式系统系列的前几篇文章中，我们介绍了主题背景与样式的区别，以及为什么说通过主题背景和公共主题背景属性来分解您要实现的内容是一个不错的主意，请点击链接回顾:

02

Flutter主题切换——让你的APP也能一键换肤

为了让你的 App 更美观，主题切换已经是一个必不可少的功能了，但如果想在传统的 Android 和 iOS 上分别适配不同的主题相当繁琐。但这一切，在 Flutter 中都非常容易实现。今天我们就来看看，如何在 Flutter 中给你的 App 添加换肤功能。

04

一键切换亮色模式和暗色模式，用Figma搞定！

静电说：在本文中，我们将使用Figma来创建一个可以一键切换亮色模式和暗色模式设计的系统，非常简单快捷。同时，我们也可以在本文中学习到亮色模式和暗色模式在设计过程中的区别。本文来自Pixsellz。

01

想拥有微信深色模式同款地图？个性化地图了解一下！

微信深色模式一经推出就成了热点话题，不光微信首页和聊天页面进行了深色适配，细心的小伙伴们一定发现就连发送位置和共享位置里的地图也”变黑”了！这背后其实应用了个性化地图的能力。有了它，开发者们不光可以随意调整地图配色，还可以控制地图元素的显示隐藏，可以说是把定制地图的权利交到每个开发者手中。下面就请给小编几分钟的时间，一起来看下个性化地图是否就是你所需要的地图升级秘密武器。文章结尾更有微信深色地图同款模板送给大家。为什么要用个性化地图现如今我们生活中的多种场景都早已离不开地图服务，打车、物

01

纯干货！谷歌MD深色主题设计规范详解（附Sketch官方文件下载）

作为目前最主流的设计风格和主题规范之一，Material Design 的深色主题设计规范非常值得参考学习。这是一套高度自恰的设计规范，有着相当严密的内部逻辑，在 Material Design 的内在隐喻逻辑的推动下，严格遵循国际通行的可用性原则来确保深色主题的可用性和合理性。

01

提升用户体验的前端动画

与其他开发人员不同的是，前端开发都是在端上游走舞者，直接与用户交流沟通，这就需要前端开发具有更敏锐的交互体验思考，或者能更精准地理解设计师们意图，将最佳的用户体验带给用户。优质的交互体验对于用户来说学习成本应该是极低的，都是非常自然的操作，却可以让用户感到畅快愉悦，甚至惊喜。本文将通过一个看似简单的 poplayer 来分析我在这其中通过思考做的体验优化，获得类似 native 的体验感。

02

Material Design Compoents 1.1.0

Material Components for Android（MDC）是从以前的 Design Support Library 库演变而来，是与 AndroidX 来搭配的。考虑到版本兼容和过渡，一开始的 1.0.0 版本与 design 库 28.0.0 是等价的。命名发生了改变从 com.android.support.design到 com.google.android.material 。不过后续更新 design 库就不再更新了，也就是说 design 库就永远的停留在了 1.0.0 这个版本了。

01

Material Design Lite ，简洁惊艳的前端工具箱

本文主要介绍Material Design设计语言的HTML/CSS/JS部分实现。

03

Material Design Lite，简洁惊艳的前端工具箱

本文主要介绍Material Design设计语言的HTML/CSS/JS部分实现。本文所对应的小练习和示例均可以访问：http://www.hubwiz.com/class/55adae643ad79a1b05dcbf77。

01

android 设置标题栏背景颜色_状态栏菜单栏都在哪

android中沉浸式状态栏的文章已经满大街了，可是在实现某些效果时，还是得各种搜索，测试一通后，最后还常常满足不了要求，即使好不容易在一部手机上满足了需求，放在另外一手机上，发现效果还各种不适配。今天把自己这几天学到的关于沉浸式状态栏知识进行总结下。

01

苹果推出 SwiftData，可替代 SwiftUI 的 Core Data

苹果于 WWDC 2023 上推出新框架 SwiftData，提供声明性的、以 Swift 为先的 API，可在 iOS 应用中进行数据持久化工作。SwiftData 可轻松将一个 Swift 类转换为一个持久化模型，非常适合同 SwiftUI 一并使用。

03

【分享干货】做网页设计的常用css代码大全

color : #999999; /*文字颜色*/ font-family : 宋体,sans-serif; /*文字字体*/ font-size : 9pt; /*文字大小*/ font-style:itelic; /*文字斜体*/ font-variant:small-caps; /*小字体*/ letter-spacing : 1pt; /*字间距离*/ line-height : 200%; /*设置行高*/ font-weight:bold; /*文字粗体*/ vertical-align:sub; /*下标字*/ vertical-align:super; /*上标字*/ text-decoration:line-through; /*加删除线*/ text-decoration: overline; /*加顶线*/ text-decoration:underline; /*加下划线*/ text-decoration:none; /*删除链接下划线*/ text-transform : capitalize; /*首字大写*/ text-transform : uppercase; /*英文大写*/ text-transform : lowercase; /*英文小写*/ text-align:right; /*文字右对齐*/ text-align:left; /*文字左对齐*/ text-align:center; /*文字居中对齐*/ text-align:justify; /*文字分散对齐*/ vertical-align属性 vertical-align:top; /*垂直向上对齐*/ vertical-align:bottom; /*垂直向下对齐*/ vertical-align:middle; /*垂直居中对齐*/ vertical-align:text-top; /*文字垂直向上对齐*/ vertical-align:text-bottom; /*文字垂直向下对齐*/ 二、CSS边框空白 padding-top:10px; /*上边框留空白*/ padding-right:10px; /*右边框留空白*/ padding-bottom:10px; /*下边框留空白*/ padding-left:10px; /*左边框留空白三、CSS符号属性 list-style-type:none; /*不编号*/ list-style-type:decimal; /*阿拉伯数字*/ list-style-type:lower-roman; /*小写罗马数字*/ list-style-type:upper-roman; /*大写罗马数字*/ list-style-type:lower-alpha; /*小写英文字母*/ list-style-type:upper-alpha; /*大写英文字母*/ list-style-type:disc; /*实心圆形符号*/ list-style-type:circle; /*空心圆形符号*/ list-style-type:square; /*实心方形符号*/ list-style-image:url(/dot.gif); /*图片式符号*/ list-style-position: outside; /*凸排*/ list-style-position:inside; /*缩进*/ 四、CSS背景样式 background-color:#F5E2EC; /*背景颜色*/ background:transparent; /*透视背景*/ background-image : url(/image/bg.gif); /*背景图片*/ background-attachment : fixed; /*浮水印固定背景*/ background-repeat : repeat; /*重复排列-网页默认*/ background-repeat : no-repeat; /*不重复排列*/ background-repeat : repeat-x; /*在x轴重复排列*/ background-repeat : repeat-y; /*在y轴重复排列*/ 指定背景位置 background-position : 90% 90%; /*背景图片x与y轴的位置*/ background-position : top; /*向上对齐*/ background-position : buttom; /*向下对齐*/ background-position : left; /*向左对齐*/ background-position : right; /*向右对齐*/ background-position : center; /*居中对齐*/ 五、CSS连接属性 a /*所有超链接*/

01

重磅！iOS应用黑暗模式设计终极指南（附套件下载）

在本指南中，我将逐步解释为iOS应用设计暗模式的过程。本文将重新设计WhatsApp，基于Apple的人机界面指南。

01

Android 滑动渐变背景Toolbar、点击置顶ScrollView

这个置顶是滑动的置顶，不包括外层布局。好了，效果图看到了，你有没有动力开始写代码呢？创建一个SlideLayoutDemo的项目然后在res下新建一个network_security_config.xml

02

开启页面模糊效果下修改深色模式下页头页脚亮度

如果魔改了主页面，开启了模糊效果，那么在修改深色模式下主页封面和页脚就不能只靠修改/themes/sourcs/css/_mode/darkmode.styl的信息来实现了

01

全息投影技术的实现_自制全息投影视频素材

（编译：Torres）我们都一直期待能够用智能手机来投射出全息影像，不过显然现在的智能手机早就具备这样的潜质，只不过你还不知道而已。

01

7个原则，看懂「深色模式」设计

但不管如何，深色模式已经是移动端和网页端的设计标准，摹客的编辑界面也在9月正式上线了深色模式。

01

Android - 仿网易云音乐歌单详情页

前段时间模仿网易云音乐UI使用DataBinding做了一个App：CloudReader，今天把其中的类似歌单详情页单独拿出来说一下，我觉得其中还是有些干货的，关联到的知识点还比较有价值，而且也有很多需要注意的地方。

01

全息投影技术及其实现(附素材下载)

免责声明：文章部分内容来源于友站。（编译：Torres）我们都一直期待能够用智能手机来投射出全息影像，不过显然现在的智能手机早就具备这样的潜质，只不过你还不知道而已。如果你正感到好奇，那么我们来告

Power BI默认配色很丑？先设置个夺目的背景再说！

小勤：Power BI默认的白色页面背景及图表色系感觉有点儿土哦。怎么能简单地弄得看起来高大上一点儿？

02

大数据可视化界面设计—城市计算

项目背景城市计算是一款利用定位、地图、用户画像的完美结合，为客户提供指定区域的实时人流分布和人群洞察服务的产品。比如某个旅游景区，需要知道每天景区客流量多少，男女比例，以及哪些设施人流多哪些人流少，景区工作人员可以依据这些数据去做优化改进，这类数据展示与数据分析的项目就可以采用城市计算大数据可视化产品产品目标客户：政府机关、旅游局、交通机构等用户洞察通过产品侧前期的用户调研了解到用户更希望看到的是一款炫酷、吸引眼球、数据图表清晰的界面设计，与产品沟通决定尝试采用深色界面设定整体视觉风格。深色在

03

学习Storm、Spark Streaming流式实时分布式计算系统的设计要点

阅读导读： 1.流式实时分布式计算系统有哪些共同特征，产生的背景是什么？ 2.原语设计的有哪些要点？ 3.元语设计中Spark、storm是如何设计的？ 4.Storm有哪六种消息分发模式？流式实时分布式计算系统在互联网公司占有举足轻重的地位，尤其在在线和近线的海量数据处理上。在线系统负责处理在线请求，因此低延时高可靠是核心指标。在线系统是互联网公司的核心，系统的好坏直接影响了流量，而流量对互联网公司来说意味着一切。在线系统使用的数据是来自于后台的计算系统产生的。

【计算摄影】浅析多重曝光与自动图像融合技术

大家好，这是专栏《计算摄影》的第六篇文章，这一个专栏来自于计算机科学与摄影艺术的交叉学科。

03

如何使用PersistenceSniper搜索Windows系统中的持久化植入程序

PersistenceSniper是一款功能强大的PowerShell模块，该工具专为蓝队研究人员、安全应急事件响应人员和系统管理员设计，旨在帮助大家寻找Windows系统中的持久化植入程序。

01

数据科学：以信息为载体的精确体系

科学是一种泛指的领域，包括数据科学、计算机科学、社会科学、经济科学、语言科学、生物科学等都是小、窄而深的认知领域，这些领域的科学有各自的体系、规范及认知特性。科学，不管是某个领域的科学，还是泛指的科学认知体系，都有最基本的要求——精确性和体系性。

01

超实用PPT配色技巧，帮你高效完成配色

完成一套美观合格的PPT，除了逻辑和版式，还有就是配色。配色看似简单，却有一些不可逾越必须遵循的秘籍。今天iSlide这篇配色秘籍，全都来自实战经验，非常好上手，一起来收!

05

如何使用CSS创建按钮悬停动画效果？

opacity − 这个属性设置元素的透明度级别，其中1表示完全可见，0表示完全透明。

01

echarts在Markdown下深色模式自适应

本文效果均使用JS，没有任何TS 我首先找了一个官方示例做例子。圆角环形饼图：https://echarts.apache.org/examples/zh/editor.html?c=pie-bor

01

网络安全渗透之主机持久化

前言在我们获得初始会话之后，我们需要考虑如何让我们的访问持久化。原因很简单，如果我们是通过利用漏洞进来的，对方可能察觉到痕迹然后修补漏洞，如果是通过泄漏的密码进来的，对方可能修改密码。 windows持久化计划任务计划任务，也可成为定时任务，指的是在指定的时间执行某项任务。手工创建计划任务如：计划任务名称为zhi，1分钟后以system权限运行calc.exe schtasks /create /sc minute /mo 1 /tn zhi /tr "C:\Windows\sys

02

echarts在markdown下深色模式自适应

我首先找了一个官方示例做例子。圆角环形饼图：https://echarts.apache.org/examples/zh/editor.html?c=pie-borderRadius&lang=js

03

MDUI CSS框架 ---颜色和主题

背景颜色类名为 .mdui-color-[color]-[degree]。它在设置背景色的同时，还设置了背景色中的文本颜色和文本不透明度。

04

优化夜间阅读体验 - 夜间模式设计通用方法

你有没有在夜间使用移动设备的习惯？你觉得QQ现有的夜间模式亮度在使用时是否舒适？为了能够更科学的验证我们的设计，我们通过对比度分析、尼特值测试、色彩亮度和色彩通用性等维度去设计界面，并总结出一套优化方

03

黑暗模式UI设计风潮来袭，设计师应如何应对？

静电说：在最近一段时间里，黑暗模式成了大家讨论的话题。继Mac OS加入黑暗模式后，iOS和iPad OS也相继发布了黑色模式的选择，未来的一段时间里，越来越多的应用开始适配黑暗模式，仿佛它已经成为了UI设计中的一个标配选项。那么对于设计师来说，应该如何应对这个趋势，做出适应不同人群，不同场景风格的优秀界面呢？来看看这篇来自Miklos Philips的这篇文章吧！

02

海量之道系列文章之弱联网优化（七）

00

如何将私有云模型拓展到混合云？

私有云是进入混合云的极佳跳板。企业要从私有云模型迁移到混合云需要设定具体的目标。当企业开始利用服务器虚拟化来提高效率和降低成本，许多公司会很快发现他们正在支持的看起来更像是云计算而不是虚拟化。这些相同的公司中大多数已经使用了公有云资源，他们需要一种新的基于所有资源和数据元素混合化的IT模型。要扩展私有云模型到新的混合数据和处理模型，用户应该建立一个对资源透明的目标，针对这个目标协调数据模型，API和开发实践，使用设计模式来协调应用特定的需求和工具。虚拟化技术演化为云计算的方式论证了为什么在特定的技术上构

06

【Web技术】623- 简单好用的前端深色模式/主题化开发方案

深色模式（Dark Mode）在iOS13 引入该特性后各大应用和网站都开始支持了深色模式。在这之前，深色模式更常见于程序IDE开发界面和视频网站界面。前者通过降低屏幕亮度，使得使用人员长时间盯着屏幕眼睛没有那么疲惫；后者通过深色模式来降噪，从而突出主体内容部分。快速开发一个深色模式难吗？在支持css自定义属性（又称css变量，css variables）的现代浏览器里，可以说是相当的容易。甚至可以在运行时实时新增主题，摆脱传统css主题文件加载模式下的主题需要预编译内置不能随时修改的弊端。下面我们来看一下如何使用css自定义属性来完成深色模式和主题化的开发。

01

如何使用Trawler在安全事件响应活动中发现攻击者部署的持久化感染机制

Trawler是一款功能强大的PowerShell脚本，可以帮助广大安全研究人员和事件应急响应人员在目标Windows主机上发现潜在的入侵威胁指标IoC，该工具主要针对的是攻击者所部署的持久化机制，其中包括计划任务、服务、注册表修改、启动项和二进制代码修改等。

01

微信黑暗模式终于来啦！UI设计细节完全分析及体验

静电说：它来啦！前一段时间传的沸沸扬扬的苹果与微信黑暗模式的纠葛，终于以微信适配iOS端告终。3月22日静电一觉醒来，微信已经正式开启了“暗黑”模式。不过，很多人也许发现不了，因为手机白天还是浅色模式，只有到晚上才会改为黑暗模式。

02

使用 SetWindowCompositionAttribute 来控制程序的窗口边框和背景（可以做 Acrylic 亚克力效果、模糊效果、主题色效果等）

Windows 系统中有一个没什么文档的 API，SetWindowCompositionAttribute，可以允许应用的开发者将自己窗口中的内容渲染与窗口进行组合。这可以实现很多系统中预设的窗口特效，比如 Windows 7 的毛玻璃特效，Windows 8/10 的前景色特效，Windows 10 的模糊特效，以及 Windows 10 1709 的亚克力（Acrylic）特效。而且这些组合都发生在 dwm 进程中，不会额外占用应用程序的渲染性能。

06

Python 数据科学入门教程：OpenCV

欢迎阅读系列教程，内容涵盖 OpenCV，它是一个图像和视频处理库，包含 C ++，C，Python 和 Java 的绑定。 OpenCV 用于各种图像和视频分析，如面部识别和检测，车牌阅读，照片编辑，高级机器人视觉，光学字符识别等等。

01

PPT装逼指南

虽然不是所有人都有大型演讲的机会，但混迹职场Presentation谁都会轮到几次吧。

04

每个前端开发者都应知道的25个实用网站

快来免费体验ChatGpt plus版本的，我们出的钱体验地址:https://chat.waixingyun.cn 可以加入网站底部技术群，一起找bug，另外新版作图神器已上线 https://cube.waixingyun.cn/home

04

MNIST数据集 — 前期准备

前面都是基础零碎的知识，需要通过一个栗子来为大家把整个流程走一遍，从整体上对TensorFlow进行一个把握，大概分为四篇文章来说明吧(前期准备、前馈计算、模型训练、模型评价)。

02

全场景流量验证系统

Tech 导读本文介绍了一种基于线上流量实现对重构系统进行功能和性能验证的实践方案。针对线上流量如何拦截、如何录制、如何存储、如何回放以及如何发压均作了详细说明，为具有类似需求的读者提供了一种可供参考的思路。 01 业务背景在今年的敏捷团队建设中，我通过Suite执行器实现了一键自动化单元测试。Juint除了Suite执行器还有哪些执行器呢？由此我的Runner探索之旅开始了！随着百川项目的启动，中台需要对订单流量收口，将ECLP、各BP的接单入口全部切换至百川统一接单系统。且各个接

02

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭